响应式web设计最佳实践
浏览数：93 /
时间：2015年06月09日
响应式设计分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端一套。分别在自己的领域自适应。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
