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

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

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

相关文章
|
3月前
网页概述(2)
【8月更文挑战第4天】网页概述(2)。
88 9
|
3月前
|
Web App开发 数据库 知识图谱
网页概述
【8月更文挑战第4天】网页概述。
53 7
|
小程序
发布 ivx页面(1)写用户协议页面
发布 ivx页面(1)写用户协议页面
137 0
|
JavaScript Python
抖音web端 s_v_web_id 参数生成分析与实现
抖音web端 s_v_web_id 参数生成分析与实现
抖音web端 s_v_web_id 参数生成分析与实现
|
开发者
Discuz如何开发移动端访客功能(1)
Discuz如何开发移动端访客功能
149 0
Discuz如何开发移动端访客功能(1)
|
数据库
Discuz如何开发移动端访客功能(2)
Discuz如何开发移动端访客功能
133 0
Discuz如何开发移动端访客功能(2)
哪些网站在+1s后有神奇的功能
有些网站,当我们给它 +1s 时,会有意想不到的奇效。
245 0
|
前端开发
前端移动端端测试——显示控制台
前端移动端端测试——显示控制台
网站的功能你真的清楚吗?
现在很多企业都有建设网站的想法,但建网站的真正意图又有几个人明确呢?而很多企业建网站的原因就是为了“有一个网站”,只是盲目的去跟风,想着各行各业都有自己的网站我也弄一个吧,然后就随便找个网站外包公司草率的搭建起了网站,后期想要用网站获取客户的时候才发现网站很烂。因此,明确建站目的以及网站的功能很重要
2517 0