Question

我正在笔记本电脑上构建我的Web应用程序但是当我在桌面电脑上浏览页面时，div的布局会失真。

我认为解决方案是给出百分比而不是像240px这样的绝对数字来表示div的高度和宽度。

您怎么看？

您还有其他建议吗？

提前致谢。

我所做的是：

<div style="height:240px;width:240px"></div>

我认为我必须做的是：

<div style="height:100%;width:90%"></div>

Answer 1

当使用相对大小调整'px'而不是绝对'pt'时，浏览器会根据“缩放”或文本大小级别，浏览器版本等的用户设置来近似改变布局的大小。

如果绝对使用点（pt）调整布局div的大小，则不应根据浏览器，屏幕分辨率等看到更改。尝试

<div style="height:240pt;width:240pt"></div>

关于相对与绝对字体管理here

的重要参考

Answer 2

“扭曲”是什么意思？它被包裹到下一行吗？这是我能看到任何失真的唯一方法。

如果你想保持固定的宽度，你只需要在它周围包裹一些强制宽度的东西。例如，如果你想要并排2个div：

<div style="width: 800px">
    <div style="width: 300px; float: left;"></div>
    <div style="width: 500px; float: left;"></div>
</div>

由于外部元素是800px，而内部元素不超过它，如果屏幕小于800px，它将只有一个水平滚动条，你的div应该仍然愉快地彼此相邻。请注意，如果您在任何div上设置了边框或填充等内容，则会添加到元素的宽度（和高度），因此请将其考虑在内。