2016-10-21 171 views
-1

这可能是一个奇怪的问题,因为我们的网站是完全响应,不应该缩小比例。如何缩小响应网站?

虽然,客户认为,由于他的主网站是在980px最大宽度卡住,他的其他网站也应该是。

总之,如果屏幕大于980px的话,我应该怎么做呢?

要添加更多详细信息,我们使用媒体查询使网站能够在移动设备,平板电脑和桌面上响应。事情是,980px落在平板电脑水库,客户希望它在桌面水库。

+1

打开网站里面的包装iframe? –

+0

完整的细节将是整个源代码。 也许我应该在另一个SE网站上发布,但我不知道哪一个更合适。 – Romain

回答

1

您可能需要与客户nigotiate,但你可以用类添加一个div wrappercontent包装所有页面内容&组到max-width:980px;但对于更大的设备使其max-width:1180px;然后给身体背景或者补色或可能具有轻微模糊效果的图像。一旦屏幕尺寸小于980像素,宽度为100%。

+0

谢谢。 您的解决方案的问题是它会在网站周围创建一个框架。 我希望它和每个元素都被缩放。 我想它必须与视口操作,但我迄今没有成功,找到正确的方式来做到这一点。 我认为Imma现在与Vladimir M的评论, – Romain

+0

这就是为什么我们使用百分比,列,行等,即宽度是980px,这个元素内的行是100%,你可以使用3或4行,在这些行内你使用(取决于边距)50%-47%宽度和添加填充的列。三栏33.33%。响应式设计基于位置:相对,百分比,浮点数:左,浮点数:右,明确:两者。您可能需要将Bootstrap或Foundation视为框架,或者至少了解如何将解决方案应用于使您的网站响应。 –