html - 如何缩小响应式网站？

Question

这可能是一个奇怪的问题，考虑到我们的网站是完全响应式的，不需要缩小规模。

不过，客户认为由于他的主要网站被限制在 980 像素的最大宽度，他的其他网站也应该如此。

简而言之，如果屏幕大于 980 像素，我应该缩小网站的分辨率吗？

为了添加更多详细信息，我们使用媒体查询使网站在移动设备、平板电脑和桌面设备上具有响应能力。问题是 980px 属于平板电脑资源，而客户希望它属于桌面资源。

Answer 1

您可能需要与客户协商，但您可以添加一个类为 wrapper 的 div 或 content 包装所有页面内容并将其设置为 max -width:980px; 但对于更大的设备，请将其设置为 max-width:1180px; 然后为主体背景提供互补色或带有轻微模糊效果的图像。一旦屏幕尺寸小于 980px，就将宽度设置为 100%。