如何在不完全重新设计的情况下使网站“更大”？答案

【问题标题】：How to make a website "bigger" without completely redesigning it?如何在不完全重新设计的情况下使网站“更大”？
【发布时间】：2009-11-10 16:33:24
【问题描述】：

我为一位亲戚创建了一个网站。但是，做完后，亲戚说她不明白我发给她的设计图是1:1的，所以她想要网站“更大”（基本上和火狐的Ctrl+加号一样） .

我必须重做所有 CSS 和设计，还是有更好的方法来做到这一点？

【问题讨论】：

【解决方案1】：

会有一些 CSS 工作，但多少很大程度上取决于你如何构建它。

我原以为您将不得不调整图像等的大小，但您可能只是能够增加框架和页面部分的大小，彼此相对，并稍微增加文本大小。

这应该会让你走上正轨……

【讨论】：

【解决方案2】：

您有多种选择，但无论哪种方式，您都在考虑重写一些 CSS。您的选择将取决于实际网站。

【讨论】：

【解决方案3】：

如果您使用像 YAML 这样的 CSS 框架，它支持“缩放”整个页面。

【讨论】：

【解决方案4】：

我认为 CSS 中的 zoom 属性还不够可靠，所以恐怕你必须回到绘图板上。现在以供将来参考，您知道在完成之前给他们发送一份工作样本！

【讨论】：

【解决方案5】：

这只是对em 甚至更好的ex 等任何样式仅使用变量值的优势之一...有了它们，您只需将基本字体大小调整为pxs 以上几个，然后繁荣;一切都变大了。

不过，对于您的问题：取决于您使用了多少个固定值，越多，将其调整为“更大”所需的时间就越长。

但是对于未来，我真的鼓励您对几乎任何东西使用可变大小，因为它没有任何缺点，而且它可以让您的网站 100% 可调整大小。

【讨论】：

我在我的 css 样式等中使用了很多变量，但我仍然觉得改变它是一项艰巨的工作......哦，好吧。
当然，这是工作，你会骂我这么说，但想想吧；如果用户访问一个完全固定的网站（像素安全）并且想要将字体大小调大一点（你不能阻止他这样做！）然后整个精美的设计就是 f*** up 因为除了字体大小没有任何变化。使用 ex/em 一切都基于当前的字体大小。从设计组件来看，如果您在 ex 或 px 中进行样式设置，则没有任何区别，只是 1 ex 是 = font-size (e.g. 11px)。
我觉得有必要对“它没有缺点”这句话提出质疑。在只有一个人工作的小型站点上使用 em 单元可能会有所帮助，但是一旦事情变得更大（站点、团队），它们就会引起问题。 'Ems' 是相对的，因此如果将另一个具有 font-size:1em 的 div 作为容器添加，那么在具有 font-size:1em 的 div 内的文本会突然变大 - 文本现在是 2em。跟踪所有这些数字是如何相加和相乘的可能会让你沉沦。
为什么会有人为字体大小分配可变宽度？这不太可能被大量使用，是吗？字体大小将被分配固定大小，并且只能通过% 而不是ex 或em 更改 - 这样做的人甚至不应该接近任何“更大的东西”恕我直言。