(1)设置viewport元标签
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">
(2)避免使用绝对单位(px),用相对单位代替(%、auto、em等)
(3)使用流式定位:float
(4)图片大小实现自适应:
img { max-width: 100%; }
会随着容器的改变而改变,且不会超过图片自身原始大小,防止失真。
(5)根据浏览器屏幕的特征,有选择性的执行某些CSS样式——CSS3媒体查询技术(Media Query)