当前位置:Gxlcms > html代码 > 响应式手机网站要点

响应式手机网站要点

时间:2021-07-01 10:21:17 帮助过:6人阅读

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

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

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