放大-使页面结构混乱

Question

我总是想知道结构良好的网站的“秘密”是什么。

在我的网站上，当我放大-在外观变得混乱，在良好的预制件网站的外观保持不变时，变焦是100%。

放大后的www.ebay.com：

我的网站， www.livesite.co.il ，当缩放-它(和它只是一小部分)：

​

我怎样才能做到这一点？

我知道这和网站的结构有关。

• 我在每个元素上都使用了%(尝试)，这不应该是正确的方法吗？

Answer 1

您可能可以对CSS媒体查询做一些事情。或者尝试实现响应性模板。就像这样：

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}