网页设计中,如何让页面自适应手机端?
一般来说,通过css3,您可以直接定义不同分辨率的样式,例如下面的代码。
/*桌面*/@媒体全部和(最小宽度:1201px){。标题桌面{显示:阻止!重要}。容器{宽度:1100px}/*笔记本电脑*/@mediaall和(最小宽度:980px)和(最大宽度:1200px){。标题{显示:阻止!重要}。container{width:920px}
但是,上面的方法可能与旧版ie不兼容
所以你也可以通过js来识别当前页面的分辨率,给出更好更复杂的样式。有很多代码,但通常没有兼容性问题。
手机端网页设计尺寸多少?
iphone网页的设计尺寸
iphone5的尺寸为640x1136px,分辨率为326ppi
iphone4和iphone4s的尺寸为640x960px,分辨率为326ppi
第一代、第二代和第三代iphone和ipodtouch的尺寸为320x480px,分辨率为163ppi
android网页的设计尺寸
320dp:普通手机屏幕(240x320320×480x800)
480dp:中型第三代和第四代ipad为2048x1536px,分辨率为264ppi,第一代和第二代ipad为1024x768px,分辨率为132ppi,迷你尺寸为1024x768px,分辨率是163ppi
原文标题:手机端网页模板 网页设计中,如何让页面自适应手机端?,如若转载,请注明出处:https://www.dnheimuer.com/news/18735.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「东宁黑木耳网」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。