如何缩小响应式网站？

Question

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

虽然，客户认为，由于他的主要网站最大宽度为980px，他的其他网站也应如此。

简而言之，如果屏幕大于该分辨率的980px，我是否应该缩小网站的尺寸？

为了添加更多详细信息，我们使用媒体查询来使网站在移动设备，平板电脑和桌面上做出响应。问题在于980px属于平板电脑资源，而客户端则希望它位于桌面资源中。

Answer 1

您可能需要与客户端进行nigotiate，但您可以添加一个包含wrapper类或content的div包含所有页面内容＆amp;将其设置为max-width:980px;，但对于较大的设备，将其设为max-width:1180px;，然后为身体背景提供互补色或可能具有轻微模糊效果的图像。一旦屏幕尺寸小于980px，则宽度为100％。