width:560px; max-height:300px; margin:auto; overflow:auto; 就这样的话就可以了。这个div的高度和宽度固定，文字自动换行，超过高度后自动出现滚动条，宽高不变。你可以自己试试
把以下这段代码放到<head></head>之间或<body></body>之间预览即可看到数据
<script language="javascript" type="text/javascript">
/将获取的值存到变量里/
width_screen=screenwidth;
height_screen=screenheight;
availWidth_screen=screenavailWidth;
availHeight_screen=screenavailHeight;
colorDepth_screen=screencolorDepth;
/end/
/输出值/
documentwrite("你的屏幕宽为："+width_screen+"<br />你的屏幕高为："+height_screen+"<br />你的屏幕可用宽为："+availWidth_screen+"<br />你的屏幕可用高为："+availHeight_screen+"<br />你的颜色设置所有为数为："+colorDepth_screen);
/end/
</script>
默认浏览器字体是16px也就是1rem=16px；如果你设置html为10px，那意思就是让1rem=10px了，（但是谷歌浏览器字体最小是12px，所以在谷歌浏览器上1rem=12px），如果你设置宽度为20px，那就是2rem（非谷歌浏览器）。
在最外层元素或html元素设置最小的宽度，这样可以避免浏览器窗口缩小了，元素也跟随着窗口发生了改变。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8" />
<title>HTML5学堂</title>
<style type="text/css">
html {
min-width: 800px;
}
</style>
</head>
<body>
<div class="wrap">最小宽度 min-width</div>
<script type="text/javascript"></script>
</body>
</html>
以上就是关于html控制文本长度全部的内容，包括:html控制文本长度、html中 如何获取屏幕宽度、html为什么字体大小达不到10px等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）