Heim > Web-Frontend > HTML-Tutorial > 响应式手机网站要点

响应式手机网站要点

WBOY
Freigeben: 2016-07-06 13:28:21
Original
978 Leute haben es durchsucht

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

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

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage