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

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

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

相关文章
|
存储 容灾 网络性能优化
关于Web服务和内容管理的体验
Web服务和内容管理在当今数字化时代扮演着重要的角色,随着互联网的普及和信息量的爆炸增长,效率和可靠性成为了内容管理系统和Web服务应用程序的关键要素。本文通过阿里云的文件存储NAS的使用体验,探讨其在Web服务和内容管理方面的使用体验。
89 1
关于Web服务和内容管理的体验
|
6月前
|
小程序 开发者
移动端修改小程序基础信息
移动端修改小程序基础信息
70 11
|
JavaScript Python
抖音web端 s_v_web_id 参数生成分析与实现
抖音web端 s_v_web_id 参数生成分析与实现
抖音web端 s_v_web_id 参数生成分析与实现
|
开发者
Discuz如何开发移动端访客功能(1)
Discuz如何开发移动端访客功能
150 0
Discuz如何开发移动端访客功能(1)
|
数据库
Discuz如何开发移动端访客功能(2)
Discuz如何开发移动端访客功能
133 0
Discuz如何开发移动端访客功能(2)
|
前端开发
前端移动端端测试——显示控制台
前端移动端端测试——显示控制台
|
搜索推荐 SEO
如何使用Joomla创建SEO友好内容
如果您的目标是建立一个成功的网站,则SEO是重点关注的关键支柱。搜索引擎仍然是转换率最高的渠道之一,因此最好在其中进行投资。
如何使用Joomla创建SEO友好内容
|
前端开发 JavaScript Android开发
快速构建网站或移动端页面:关于Bootstrap的学习笔记
最近在设计官网,并进行一些项目的原型设计和开发,寻找了很久,想找到一个更简单、快速的方式,基于一些已有的模板或框架进行快速建设,结果发现很多时间都是徒劳,走过的路分享给大家,以防再度踩坑
1802 0