开发者学堂课程【移动 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 显示相同的原因,是为了让客户在手机上,体验感相同。