css - 将我的网站放大 10%

Question

在为客户完成网站设计后，我意识到一切都很小。试用了浏览器缩放后，发现放大10%固定了很多!问题是，我不知道如何将所有内容(div 大小、图像大小、文本大小等)调整为 110%。

任何想法都会受到赞赏。我宁愿用 CSS 来完成这一切。

编辑-

哈哈，好吧，伙计们，我想我会进去花点时间改变尺寸。这不是我想做的，但我想这是我唯一真正的选择。谢谢大家:)

Answer 1

正确的做法是重新设计您的网站。如果您设计正确，这应该非常容易。一些建议:

• 页面宽度:增加最外层容器的宽度，子元素宽度应该扩展以填充空间，除非您设置了硬编码绝对宽度。在这些情况下，调整 px 以适应。

• 字体大小:如果您使用了em 或% 值，只需增加body 的font-size (其他元素将继承此基本字体大小)。如果您使用 px 作为字体大小，则必须增加它们。

我认为您内心深处知道通过 javascript 或 IE zoom 属性“缩放”页面不是正确的方法，您正在避免重新设计。甚至像 body{ transform:scale(1.1); 将使您的图像在缩放/拉伸(stretch)时看起来很糟糕，并且由于它是 CSS3，因此将缺乏支持，并且 after testing this idea它似乎能够将内容缩放到视口(viewport)/可见区域之外。

如果您希望这是永久更改，那么正确的做法是重写您的 CSS。