网站创建

Question

如何在创建网站时在css中放置内容以便更灵活

Answer 1

您的整体风格基于百分比。如果您使用“rem”它可以解决您的问题，但我不确定您是否要支持不同的页面大小（移动支持等）

#Body {
   width: calc(40% + 10rem);
}

Answer 2

为什么使用这么多absolute定位？为什么你有两个doctypes？为什么根据百分比确定了这么多的高度和位置？我认为你需要通过更灵活的布局完全重做这一点。不应该为这类东西指定高度，如果你真的想要指定它们，请改用min-height，以便元素在内容不适合时可以增长。

无论如何，放大时宽度保持不变的原因是因为你将它设置为其容器的50％，在这种情况下是整个主体。无论缩放级别或浏览器大小如何，这都是50％。我建议现在将宽度设置为100％并将最大宽度设置为960px，这只是一个起点。这应该在移动和桌面上看起来不错，虽然960px是一个旧的约定，没有必要坚持。