在为客户完成网站设计后,我意识到一切都很小。试用了浏览器缩放后,发现放大10%固定了很多!问题是,我不知道如何将所有内容(div 大小、图像大小、文本大小等)调整为 110%。
任何想法都会受到赞赏。我宁愿用 CSS 来完成这一切。
编辑-
哈哈,好吧,伙计们,我想我会进去花点时间改变尺寸。这不是我想做的,但我想这是我唯一真正的选择。谢谢大家:)
最佳答案
正确的做法是重新设计您的网站。如果您设计正确,这应该非常容易。一些建议:
页面宽度:增加最外层容器的宽度,子元素宽度应该扩展以填充空间,除非您设置了硬编码绝对宽度。在这些情况下,调整
px
以适应。字体大小:如果您使用了
em
或%
值,只需增加body 的
(其他元素将继承此基本字体大小)。如果您使用font-size
px
作为字体大小,则必须增加它们。
我认为您内心深处知道通过 javascript 或 IE zoom
属性“缩放”页面不是正确的方法,您正在避免重新设计。甚至像 body{ transform:scale(1.1);
将使您的图像在缩放/拉伸(stretch)时看起来很糟糕,并且由于它是 CSS3,因此将缺乏支持,并且 after testing this idea它似乎能够将内容缩放到视口(viewport)/可见区域之外。
如果您希望这是永久更改,那么正确的做法是重写您的 CSS。
关于css - 将我的网站放大 10%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10465476/