html - 放大会破坏页面结构

Question

我一直想知道结构良好的网站的“ secret ”是什么。

在我的网站中，当我放大时，外观变得一团糟，而在良好的预成型网站中，外观与放大 100% 时的外观保持一致。

www.ebay.com 放大时:

我的网站，www.livesite.co.il放大时(它只是一小部分):

我怎样才能做到这一点？

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

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

Answer 1

您也许可以使用 CSS 媒体查询做一些事情。或者尝试实现响应式模板。像这样:

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