手机网页制作_html/css_WEB-ITnose
程序员文章站
2022-06-03 09:04:27
...
手机网页制作与电脑网页制作有什么区别,手机网页的自适应是怎么做到的啊
回复讨论(解决方案)
用%,尽量避免px
还有一个是@media(max-height: 480px){
}
和楼上一样,手机面对的主要问题的手机的高度不一。宽度自适应倒好办,我常用JS计算高度,字体大小用%
可以使用jquery来控制样式,一般以适配4和6plus为标准,采用谷歌浏览器调试,小米手机特别关注一下样式。
自己封装个js,算出设计图和屏幕的宽度比,以自定义属性的方式赋值(设计图上得值),当页面载入的时候,取出属性的值乘以比值,付给样式,这样比较简单,不然的话,每个页面都得用js去计算,很复杂!
最简单的就是百分比
推荐阅读
-
在哪下载网页版的帮助文档?_html/css_WEB-ITnose
-
如何搞定网页中那些烦人的图标_html/css_WEB-ITnose
-
求助:网页iframe弹出窗口 滚动条 阴影!!_html/css_WEB-ITnose
-
手机端网页设计尺寸_html/css_WEB-ITnose
-
网页切片+div+css问题_html/css_WEB-ITnose
-
求解.如何给网页背景设置成一张不重复的图片?_html/css_WEB-ITnose
-
个人简历网页设计代码(手机制作个人简历表格)
-
为什么在网页里,标点符号跑到行首了呢?_html/css_WEB-ITnose
-
如何给一个开发好的网页添加黑白滤镜?_html/css_WEB-ITnose
-
静态网页 包含css 直接打开文件没问题,但是部署到IIS后访问不正常_html/css_WEB-ITnose