如何缩小响应式网站?

时间:2016-10-21 08:52:48

标签: html css angularjs

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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