如果我用百分比标记所有 div，它们会很好地填满所有空间。我面临两个问题：
a) 图像尺寸：我如何定义图像尺寸，以便它们不会随着窗口大小的调整而变得比想要的更大或更小
b) 字体大小：如何根据分辨率增加或减少字体大小 - 是否应该这样做？（我面临的问题是文本在非常高分辨率下变得难以辨认）
请指点我一个关于如何制作液体布局的好参考。
问问题
1735 次
4 回答
2
关于点 b），恕我直言，使用相对字体大小而不是绝对字体大小的好习惯，以便字体的大小与浏览器的基本设置相比（我猜，从你的问题来看，你正在使用点或px 大小，是吗？）。当然，你有标题标签，但你也有 font-size CSS 属性和以 % 或 ems 来调整字体大小的能力。您已经找到了使用相对大小的一个很好的理由 - 在高分辨率显示器上，这可能会使绝对大小的字体不可读（我已经看到，在过去 14 英寸 800x600 显示器是标准的时候，一个渲染到大约大小的网站高分辨率 21" 显示器上的火柴盒）。还有“礼貌”的问题
阅读本页的字体大小部分：http: //www.w3schools.com/css/css_font.asp
如果您需要一些实际示例，请发布一些代码和 CSS。
于 2010-02-23T13:06:59.860 回答
1
于 2010-02-23T11:05:46.180 回答
0
a) 我喜欢用这个
img {
width:100%;
max-width:400px;
}
然后，如果您需要，在旧版浏览器中为最大宽度添加众多 javascript 修复程序之一。
于 2012-11-28T16:05:53.047 回答
0
我为您关于字体大小的第二个问题找到了一个简单的解决方案。
b) 字体大小：
使用样式表计算器和属性，例如：
vh - 视口高度
vw - 视口宽度。
您的字体大小在您的视图上将采用相同的大小，但如果您不处理小尺寸布局，则可能无法阅读。
对于常规尺寸：font-size: calc(.5vh + .8vw);
对于大尺寸：font-size: calc(5vh + 5vw);
希望这可以帮助你。
于 2021-09-03T20:50:41.947 回答