html - 放大网页时文本大小与其他内容大小的变化

Question

我最近开始从事网络编程，这个问题困扰着我的网站。我使用 css 中的 px 值设置所有字体大小，并使用 div、绝对定位和更多 px 值对齐所有内容。在我尝试放大和缩小之前，它看起来很好，此时文本大小和页面大小以不同的速率减小，导致在完全缩小时会产生比较大的文本。这也使得在移动设备上查看网站完全不可能。我读过应该用ems而不是pxs指定字体大小，但这并没有解决它。

到底是怎么回事？

Answer 1

这是一个容易上手的问题，尤其是对于初学者。考虑将 div 移动到百分比值等。在移动查看和标准桌面浏览方面，我建议您尝试使用网格系统。

一个非常易于使用且我认为非常适合初学者的流行示例是960.gs

恐怕没有代码片段并且您的问题非常笼统，我们不太可能提供帮助。

也有随时可用的网格系统，可以根据屏幕大小移动页面，但我不推荐它们，直到你习惯使用960.gs

Answer 2

我也会尝试http://twitter.github.io/bootstrap/，它可以很容易地创建一个漂亮的网站。正如 redditor 所提到的，在缩放时使用像素会导致奇怪的行为，尤其是对于定位元素。我会尝试使用 bootstrap 或 960 之类的东西，或者其他网格系统之一。