手机浏览器适配_html/css_WEB-ITnose
程序员文章站
2024-01-04 17:22:46
...
meta
做手机网页经常会看到这样的一句代码
做一个简单粗暴的变换
将视图的宽度设为320,最大缩放比设为1.3,不设置初始缩放比。
这样可以将整个视图进行缩放
rem
字体单位
vw 1vw=视窗宽度/100
利用rem
通过js来计算根元素的font-size,从而适应各种屏幕
利用vh
vh本来就是视窗高度的,根据不同的屏幕的视窗高度来适应
p.s.果然我还是不会写博客
推荐阅读
-
手机网页布局经验总结_html/css_WEB-ITnose
-
手机浏览器适配_html/css_WEB-ITnose
-
怎么让iframe嵌套frameset框架,点击导航栏中超链接,浏览器url改变??_html/css_WEB-ITnose
-
浏览器CSS兼容问题汇总及解决_html/css_WEB-ITnose
-
兼容浏览器的div透明_html/css_WEB-ITnose
-
兼容各种浏览器的上下滚动代码_html/css_WEB-ITnose
-
鼠标经过图片放大,离开变回原形,在谷歌浏览器里面显示异常_html/css_WEB-ITnose
-
IE11浏览器:请不要再叫我IE,谢谢_html/css_WEB-ITnose
-
浏览器兼容问题:高度显示错误_html/css_WEB-ITnose
-
探究为何rem在chrome浏览器上计算出错_html/css_WEB-ITnose