我用HTML5做手机网页，如何设置字体大小以适合各种设备？

斗破苍穹成人系列 • 2023-4-5 • 随笔 • 阅读 4

一般你在用电脑做手机网页的时候，浏览器显示的比例和手机的比例为50%，就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配，所以说在浏览器做调试的时候把预览图缩小50%，然后调试各种属性的大小，显示正常后放到手机上就完美了

设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下面代码：

<html>

<head>

<style>

#round{

width:400px

height:200px

}

#round p{

color:#f00 //设置字体颜色为红色；

}

</style>

</head>

<body>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

大小你在浏览器字体机上

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-04-05

下一篇 2023-04-05

登录后才能评论