响应式布局和移动端操作
来源:互联网 发布:淘宝图片热点工具在哪 编辑:程序博客网 时间:2024/06/04 18:26
起因 因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。
注: Responsive Web Design = RWD,Adaptive Web Design = AWD,下同设计
RWD:采用 CSS 的 media query 技术
流体布局( fluid grids )
自适应的图片/视频等资源素材
(为小、中、大屏幕做一些优化,目的是让任何尺寸的屏幕空间都能得到充分利用)
AWD: CSS media query 技术(仅针对有限几种预设的屏幕尺寸设计)
用 Javascript 来操作 HTML 内容
在服务器端操作 HTML 内容(比如为移动端减少内容,为桌面端提供更多内容)
设计思路 Mobile First(从移动端开始,RWD ):一切从最小屏幕的手机端开始(比如 iPhone 的 320px ),先确定内容,然后逐级往大屏幕设计。不同于原来网页设计,总是从桌面电脑的 1024px 开始的。
阅读全文
0 0
- 响应式布局和移动端操作
- 移动端响应式布局
- 移动端响应式布局通用代码
- 移动端开发-响应式布局
- 移动端响应式布局基础
- 移动端基础及响应式布局
- 【移动端】使用REM进行的响应式布局
- 初学者如何写移动端响应式布局
- 前端开发-移动端(3)- 响应式布局
- 第30篇 移动端响应式布局页面实现
- #移动端响应布局课总结
- 移动web之响应式布局
- 移动web开发响应式布局总结
- 响应式布局 移动到下方
- PC端移动端兼容响应式布局页面的制作
- H5-移动端响应式布局vw,vh替代方案(可灵活搭配)
- 移动端开发-WebApp-淘宝商城(响应式布局:任何手机屏幕尺寸自适应)
- HTML5移动优先的响应式动画网格布局模板
- 凸包问题的五种解法
- 最大连续子序列之和
- C#基础-034 创建一个图书类,并设计书名,作者,价格,页数,创建一个图书数组
- 你可能会遇到的面试题:
- Atom文本编辑器中国镜像
- 响应式布局和移动端操作
- 05:整数大小比较
- Centos7系统Mysql数据库开启远程访问
- scala支持正则表达式
- OpenCV之Canny算子边缘检测
- Android谷歌推送
- UE4之显示游戏帧数
- webpack 从入门到工程实践
- [SQL]SQL Server 2008 通过配置数据库邮件实现发送邮件功能