Question

我正在设计一个网站，我希望我的网站能够打开各种尺寸的屏幕，如桌面各种尺寸，iphone，ipad等。我正在safari浏览器上测试它。如果我更改浏览器大小，则需要根据该大小调整内部的数据和图像。为实现这一目标，我使用了Liquid Layout。但我无法将该段设置为百分比。我也试过'em'。所以，我做了25px。所以，这是我改变浏览器大小时的问题，网页内的图像会根据更大和更小但字体大小不变的大小而变化。怎么做？

提前谢谢你。

Answer 1

在CSS中，尝试p { word-wrap: break-word; width: 100%; }。

魔术是word-wrap: break-word;这样做是按高度填充容器但保持宽度。

此外，您不必将font-size设置为%，但可以使用px。

http://jsfiddle.net/kQEM8/1/

编辑：既然您修改了问题，那么您的意思是什么？尝试在jsfiddle中运行它，然后调整浏览器的大小。

http://jsfiddle.net/kQEM8/2/

window.onresize = function(event) {
    document.getElementById('test').style.fontSize = (document.width * 0.1)+'px'
}

根据屏幕大小更改网页

1 个答案: