Rumah > hujung hadapan web > html tutorial > 手机网页制作_html/css_WEB-ITnose

手机网页制作_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:45:58
asal
1073 orang telah melayarinya

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


回复讨论(解决方案)

用%,尽量避免px

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

}

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

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

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

最简单的就是百分比

Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan