移动端站点示例 |学习笔记

简介: 快速学习 移动端站点示例

开发者学堂课程【移动 Web 前端开发:移动端站点示例 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8392


移动端站点示例

 

内容介绍

一、主流移动  web  站点

二、移动端站点调用

三、移动端特点

 

一、主流移动  web  站点

1京东商城手机版

2淘宝触屏版

3苏宁易购手机版

 

二、移动端站点调用

打开网页按下 F12 让页面在移动端设备显示,这时候网址前面多了个 m. 表示模板,移动项目。

把 m.删除就变成了 pc 端页面。

当点击百度的时候去的是百度的移动站。

点击京东进去后会发现这个页面会和手机 app 进入的页面有点像,这是从浏览器看到的,如果从手机 app 上访问是应该从手机上的浏览器通过 m.jd.com 地址访问到的。

所以找出规律:不论是任何移动端的网页,其实都适合手机 app 上显示的是一样。 m. 网址进入到的网站都是移动站。

 

三、移动端特点

1.内容不是很多,比较简洁

2.页面是以滑动式进行

3.都是通然的布体。几乎不会有左右布局。

移动端通然的布局是因为要适配不一样的手机宽度,而且和手机 app  里的样子差不多。(这样的适配可以通过伸缩布局实现,还可以通过流式布局进行实现。)移动端网页和 app 显示相同的原因,是为了让客户在手机上,体验感相同。

相关文章
|
小程序
微信小程序从零开始开发步骤(四)自定义分享的功能
微信小程序从零开始开发步骤(四)自定义分享的功能
235 0
|
JSON 小程序 JavaScript
微信小程序从零开始开发步骤(二)创建小程序页面
微信小程序从零开始开发步骤(二)创建小程序页面
259 0
|
小程序 前端开发 数据安全/隐私保护
微信小程序开发笔记—设置页面密码
本文主要介绍了微信小程序实现设置页面密码的功能实现
242 0
|
Web App开发 前端开发 JavaScript
如何判断页面是通过PC端还是移动端访问?
如何判断页面是通过PC端还是移动端访问?
869 0
|
前端开发
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第7章定位
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第7章定位
170 0
|
前端开发 数据安全/隐私保护
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
209 0
|
小程序
【微信小程序】本地服务页面案例实现
【微信小程序】本地服务页面案例实现
150 0
WM
|
弹性计算 小程序 关系型数据库
基于ECS搭建的应用示例(博客、密码管理、同学地图、APP服务端等)详解之一
作为互联网行业从业者,头脑里总是会冒出各种各样的想法,当然可以用网络笔记、云盘甚至本地的方式等记录下自己的想法,然而如果想要落地尝试,则拥有一台自己的服务器就再好不过了。全栈开发已经讲了很久了,如果是前端,通过nodejs也可以搭建后端服务;如果是后端,通过flutter、uniapp等也可以搭建出各种端上的APP;如果非研发人员,通过低代码开发平台拖拽也可以。有了自己的产品之后,如果不满足于本地跑跑,那么就得面临选择应用的载体了,性价比最高的方式是选择云上ECS,下面拿我的几年使用经验来展开讲一下。
WM
432 0
基于ECS搭建的应用示例(博客、密码管理、同学地图、APP服务端等)详解之一
哪些网站在+1s后有神奇的功能
有些网站,当我们给它 +1s 时,会有意想不到的奇效。
260 0
|
前端开发
前端移动端端测试——显示控制台
前端移动端端测试——显示控制台