Maison > interface Web > tutoriel HTML > le corps du texte

手机网页制作_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:45:58
original
1010 Les gens l'ont consulté

手机网页制作与电脑网页制作有什么区别,手机网页的自适应是怎么做到的啊


回复讨论(解决方案)

用%,尽量避免px

还有一个是@media(max-height: 480px){

}

和楼上一样,手机面对的主要问题的手机的高度不一。宽度自适应倒好办,我常用JS计算高度,字体大小用%

可以使用jquery来控制样式,一般以适配4和6plus为标准,采用谷歌浏览器调试,小米手机特别关注一下样式。

自己封装个js,算出设计图和屏幕的宽度比,以自定义属性的方式赋值(设计图上得值),当页面载入的时候,取出属性的值乘以比值,付给样式,这样比较简单,不然的话,每个页面都得用js去计算,很复杂!

最简单的就是百分比

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal