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

【问题标题】：Text size vs other content size changing when zooming in on web page放大网页时文本大小与其他内容大小的变化
【发布时间】：2013-06-14 03:46:06
【问题描述】：

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

发生了什么事？

【问题讨论】：

标签： html css fonts size

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

还有随时可用的网格系统，它们会根据屏幕大小移动页面，但我不推荐它们，除非你能习惯使用 960.gs

【讨论】：