我正在设计一个网站，我希望我的网站能够打开各种尺寸的屏幕，如桌面各种尺寸，iphone，ipad等。我正在safari浏览器上测试它。如果我更改浏览器大小，则需要根据该大小调整内部的数据和图像。为实现这一目标，我使用了Liquid Layout。但我无法将该段设置为百分比。我也试过'em'。所以，我做了25px。所以，这是我改变浏览器大小时的问题，网页内的图像会根据更大和更小但字体大小不变的大小而变化。 怎么做？
提前谢谢你。
答案 0 :(得分：0)
在CSS中，尝试p { word-wrap: break-word; width: 100%; }。
魔术是word-wrap: break-word;这样做是按高度填充容器但保持宽度。
此外，您不必将font-size设置为%，但可以使用px。
编辑：既然您修改了问题，那么您的意思是什么？尝试在jsfiddle中运行它，然后调整浏览器的大小。
window.onresize = function(event) {
document.getElementById('test').style.fontSize = (document.width * 0.1)+'px'
}