使网页在缩小时看起来不错答案

【问题标题】：Making webpage look good on zoom out使网页在缩小时看起来不错
【发布时间】：2018-02-07 14:34:16
【问题描述】：

链接 A) needreceipt.com/receiptGenerator6/public/home

链接 B) expressexpense.com

链接 B 上的网站在缩小时似乎停留在一个容器中，因此看起来很干净。链接 A 上的网站在缩小时似乎没有留在一个容器中，因此看起来不干净。我该如何解决这个问题？

已尝试的解决方案 我把所有东西都放在一个大容器里，但这会产生不必要的边距。我将所有内容都放在一个大容器中，并将边距设置为 0%，宽度设置为 100%。这让我回到了网站最初的工作方式。

【问题讨论】：

对于css 上的css 更改@media only screen and (min-width: 768px) #exampleTemplates { margin: 0 auto; text-align: center;}，它已经看起来更好了，问题是边距特别是@media 查询打破了它。
也看看他的帮助：stackoverflow.com/questions/11488114/…

【解决方案1】：

首先添加 id="exampleTemplates" 的类。

<div class="container" id="exampleTemplates">

其次这样做。然后你的布局保持不变缩小或放大。

.parent{ widht: 30%; margin-left: 0%;}

【讨论】：