为客户完成网站设计后，我意识到一切都很小。经过浏览器缩放实验后，我发现放大10％的缩放比例非常大！问题是，我无法弄清楚如何将所有东西（div大小，图像大小，文字大小等）调整为110％。放大我的网站按10％

任何想法表示赞赏。我宁愿在CSS中这样做。

编辑 -

哈哈，好球员，我想我就进去了，实际上花一些时间改变大小。这不是我想要做的，但我想这是我唯一的选择。谢谢你们:)

2012-05-05 FreeSnow

有什么不对改变你的所有大小值要大10％？ –

正确的方法是重新设计您的网站。如果你设计正确，这应该是非常容易。几点建议：

页宽：增加你的最外层容器的宽度，子元素宽度应该扩大，以填补空间，除非你已经硬性规定绝对宽度。在这些情况下，请调整px以适应。
字体大小：如果已使用em或%值，只是增加body的font-size（其他元件将继承这个基本字体大小）。如果你已经使用px作为字体大小，你必须增加它们。

我想你知道内心深处，“缩放”通过JavaScript或IE zoom属性页是不正确的做法，你是避免了重新设计。即使像body{ transform:scale(1.1); }这样的东西会使您的图像在缩放/拉伸时看起来很糟糕，并且由于它是CSS3，所以缺少支持，并且after testing this idea它似乎能够将内容缩放到视口/可见区域之外。

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

来源

2012-05-05 20:13:45

好吧，我想我会停止懒惰，实际上去修复它：3 + 1在我的内心呼唤我。 – FreeSnow

我建议你解决的其他方式的问题（设置字体大小10px的达等）

但是，如果你真的想这样做，我referr你我最近的回答上类似的问题。要小心，因为FF不支持这个，因为FF不允许通过js进行缩放！

imitate browser zoom with JavaScript

[有你去：] [1]

使用：
document.body.style.zoom=1.0;this.blur(); 
1.0意味着100％

150％将1.5 1000％。将10.0

this.blur（）意味着光标，也许你选择了一个输入字段，失去了每个选择项目的焦点。

或：

您可以使用CSS3元素[变焦] [2]（[来源] [3]）

[火狐不允许] [4]与浏览器缩放，因为你可以't 通过javascript或者某些方式访问用户属性。

因此，您可以使用一些CSS样式，以允许缩放（如上所述，CSS3：缩放，）或增加文本大小！例如，你可以做并包含一个不同的CSS文件。但在这里你有 “跳跃”的问题，因为风格的CSS元素（浮动等）有 “互动”实际上他们的属性。

我张贴以上所述的变焦效果很好在Chrome和IE8 +（FF不支持如所提到的）

[1]： http://www.perlunity.de/javascript/scripts/javascript_0314_main.shtml [2]：http://www.css3.com/css-zoom/ [3]： Can I zoom into a web page like IE or Firefox do, using programming? [4]： http://www.mozilla.org/projects/security/components/signed-scripts.html

来源

2012-05-05 20:02:53 creativeby

试图通过尝试更改缩放设置来尝试修复设计真的很糟糕。 – jjrv

正如我所说....“我会建议你以其他方式解决问题” – creativeby

这种调整大小在所有的价值，而浏览器屏幕200％比例的一切：

body { 
    -moz-transform: scale(2); 
    -webkit-transform: scale(2); 
    -o-transform: scale(2); 
    -ms-transform: scale(2); 
    transform: scale(2); 
}

来源

2013-03-28 14:46:55

放大我的网站按10％

编辑 -

回答

相关问题