>웹 프론트엔드 >HTML 튜토리얼 >手机网页制作_html/css_WEB-ITnose

手机网页制作_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:45:581021검색

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


回复讨论(解决方案)

用%,尽量避免px

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

}

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

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

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

最简单的就是百分比

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.