诶,告诉大家一些移动端css单位该怎么用。px肯定是不行的,手机有那么多的尺寸,要写多少@media。最常用的有两个单位:1、remrem是相对于根元素的大小设置的,网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。举个例子: </p> <p><span style="line-height: 1.76em;">1. <a href="http://www.php.cn/div-tutorial-359951.html" target="_blank">移动端最佳字体大小设置</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/164/2d2e1584ca87803f14feee34a0f3510e.jpg" style="max-width:90%" alt="css单位入门教程" ></span></p> <p><span style="line-height: 1.76em;">简介:诶,告诉大家一些移动端css单位该怎么用。px肯定是不行的,手机有那么多的尺寸,要写多少@media。最常用的有两个单位:1、remrem是相对于根元素的大小设置的...</span></p> <p><span style="line-height: 1.76em;">2. <a href="http://www.php.cn/css-tutorial-357051.html" target="_blank">移动端css单位之 “vh” & “vw”的分别介绍</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/e621a63a64fe2440d8251a410fc827be.png" style="max-width:90%" alt="css单位入门教程" ></span></p> <p><span style="line-height: 1.76em;">简介:这篇文章讲述移动端css单位之 “vh” & “vw”的分别介绍</span></p> <p><span style="line-height: 1.76em;">3. <a href="http://www.php.cn/css-tutorial-355638.html" target="_blank">CSS单位和值与样式设置技巧分享</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/9ade26c3291a526961d279a1b0d7ade1.png" style="max-width:90%" alt="css单位入门教程" ></span></p> <p><span style="line-height: 1.76em;">简介:这篇文章主要介绍了CSS 设置技巧(单位和值与样式设置技巧),需要的朋友可以参考下</span></p> <p><span style="line-height: 1.76em;">4. <a href="http://www.php.cn/css-tutorial-354005.html" target="_blank">rem — 低调的css单位</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/593f2b780c8dcee2048d614d246d8ebb.png" style="max-width:90%" alt="css单位入门教程" ></span></p> <p><span style="line-height: 1.76em;">简介:rem这是个低调的 css 单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。</span></p> <p><span style="line-height: 1.76em;">5. <a href="http://www.php.cn/css-tutorial-351350.html" target="_blank">css单位总结</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/aef57f98825a37f5f147142cb5fa7560.jpg" style="max-width:90%" alt="css单位入门教程" ></span></p> <p><span style="line-height: 1.76em;">简介:这篇文章介绍css单位总结</span></p> <p><span style="line-height: 1.76em;">6. <a href="http://www.php.cn/css-tutorial-339489.html" target="_blank">移动端css单位之 “vh” & “vw”</a></span></p> <p><span style="line-height: 1.76em;"><img src="https://img.php.cn/upload/article/000/000/013/0ce76fae00871955773ae6f75b39b303.jpg" style="max-width:90%" alt="css单位入门教程" ></span></p> <p><span style="line-height: 1.76em;">简介:移动端css单位之 “vh” & “vw”</span></p> <p><span style="line-height: 1.76em;">7. <a href="http://www.php.cn/div-tutorial-275967.html" target="_blank">你可能不知道的7个CSS单位_html/css_WEB-ITnose</a></span></p> <p><span style="line-height: 1.76em;">简介:你可能不知道的7个CSS单位</span></p> <p><span style="line-height: 1.76em;">8. <a href="http://www.php.cn/div-tutorial-274339.html" target="_blank">常用css单位_html/css_WEB-ITnose</a></span></p> <p><span style="line-height: 1.76em;">简介:常用css单位</span></p> <p><span style="line-height: 1.76em;">9. <a href="http://www.php.cn/div-tutorial-273488.html" target="_blank">移动端开发,几个你可能不知道的CSS单位属性。_html/css_WEB-ITnose</a></span></p> <p><span style="line-height: 1.76em;">简介:移动端开发,几个你可能不知道的CSS单位属性。</span></p> <p><span style="line-height: 1.76em;">10. <a href="http://www.php.cn/div-tutorial-271424.html" target="_blank">CSS单位_html/css_WEB-ITnose</a></span></p> <p><span style="line-height: 1.76em;">简介:CSS单位</span></p> <p><strong>【相关问答推荐】:</strong></p> <p><a href="http://www.php.cn/wenda/2177.html" target="_blank">css单位vh,100vh 为什么会出现滚动条</a></p> <p><a href="http://www.php.cn/wenda/57963.html" target="_blank">javascript - css单位vh,100vh 为什么会出现滚动条</a></p>