<html>
<head>
<style>
#round{
width:400px
height:200px
}
#round p{
color:#f00 //设置字体颜色为红色;
}
</style>
</head>
<body>
<div id="round">
<p>测试文字</p>
</div>
</body>
</html>
一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了