Question

我一直在为客户创建一个网站。我使用的笔记本电脑分辨率约为1280×800。该网站看起来很好。我最近搬到了桌面，显示器的分辨率接近2000。该网站看起来不再那么棒。网站正文是否有标准或建议的最大和最小宽度/高度？如果有人要看这个，那看起来就不专业了。我该怎么办？

enter image description here

Answer 1

使用%代替像素来定义页面元素的width。

类似的东西：

HTML：

<body>
    <div class="siteWrapper">
        <div class="header">
            ....
        </div>
        <div class="main">
            ....
        </div>
        <div class="footer">
            ....
        </div>
    </div>
</body>

CSS：

html，body { 宽度：100％; }

.siteWrapper  {
    width:100%;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto;
    background-color: #333;
}

上面的siteWrapper类将根据屏幕宽度进行扩展，这是宽度的100％，并在两侧添加50px的填充。您可以对内部子div及其元素采用相同的方法来实现响应性外观。

这只是一个例子，因此填充像素，宽度百分比，背景颜色等只是为了解释目的而保留的随机值。

什么是网站的最佳最大/最小分辨率？

1 个答案: