响应式手机网站要点

原创
2016-07-06 13:28:21 666浏览

CSS3里面很多地方浏览器不兼容,需要我们根据浏览器的内核添加前缀:
火狐浏览器 -moz-
谷歌和苹果 -webkit-
ie9以及以上版本 -ms-
欧朋 -o-
早期的苹果浏览器(safari) linux konqueror 需要加:-khtml-
谷歌2013 自己开发了新的内核 blink

响应式手机网页:【更换样式表(媒体查询:让css能够根据浏览器宽度来选择是否被使用,js更换)
;约束视口;流式布局(让百分比写width、padding、margin)】

window对象的事件:onload加载完成; onresize调整尺寸; onsrcoll滚动滚轮。
js更换样式表