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

Question

我最近接受了网络编程，这个问题困扰着我的网站。我使用css中的px值设置所有字体大小，并使用div，绝对定位和更多px值对齐所有内容。它看起来很好，直到我尝试放大和缩小，此时文本大小和页面大小以不同的速率降低，导致在完全缩放时比较大的文本。这也使得在移动设备上查看站点完全不可能。我已经读过，字体大小应该用ems而不是pxs指定，但是没有修复它。

发生了什么事？

Answer 1

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

一个非常容易使用的流行示例＆amp;我觉得对于初学者来说很棒960.gs

我担心没有代码片段，你的问题非常普遍，我们不太可能提供帮助。

还有一些网格系统可以根据屏幕大小调整页面，但在您习惯使用960.gs之前我不会推荐它们

Answer 2

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