码迷,mamicode.com
首页 > Web开发 > 详细

响应式web设计最佳实践

时间:2014-11-22 13:18:23      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:ar   使用   sp   问题   bs   html   htm   nbsp   设计   

响应式设计分2种:

响应式一:小尺寸,大尺寸设备展示的内容,结构没多大差别,布局差异不大(仅仅只是横竖摆放及个数问题而已)。

响应式二:小尺寸设备和大尺寸设备展示的内容结构差别很大,布局差异大,html结构变化大,比如tmall。

 

针对以上2种情况,使用不同的响应式设计

响应式一解决方案:

1,共用统一套html

2,使用media query加载不同的css样式:small.css, large.css。其中small.css和large.css又分别是响应式

3,图片资源动态加载节省流量:使用data-src-small和data-src-large

 

响应式二解决方案:

移动端一套,pc端一套。分别在自己的领域自适应。

 

响应式web设计最佳实践

标签:ar   使用   sp   问题   bs   html   htm   nbsp   设计   

原文地址:http://www.cnblogs.com/doublehappyi/p/4114954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!