文章/答案/技术大牛

发布

社区首页 >问答首页 >1000 for以上屏幕分辨率响应设计

问1000 for以上屏幕分辨率响应设计
EN

Stack Overflow用户

提问于 2015-04-04 05:47:46

回答 1查看 1.4K关注 0票数 0

我正在使用Dreamweaver CC使我的网站响应。屏幕尺寸超过1000‘m时，我遇到了问题。

在dreamweaver的底部有三个选项，用于响应web设计:桌面1000 In和更少，平板768 In和更少，移动480 In和更少。因此，我的网站看起来很好，所有这些设置，这意味着它看起来很好，以1000便士以下。但是我在家里的屏幕是1680 x 1050 is，所以当我查看我的站点全屏时，导航栏要比顶部的标题横幅图像长。

有没有办法阻止该网站超过1000 to？也就是说，即使是在1680x1050的宽屏上观看，这个站点也只会停留在1000 in，或者在两边填充一些空白空间？或者我应该用1600 of的横幅来建这个网站呢？

html

css

responsive-design

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-04 07:35:17

这实际上不是我认为与响应性设计相关的事情，而是更多地遵循大屏幕偏好的方式。所有响应性的设计都会有大屏幕的样式。

理想的情况下，您可以有一个包装div，并应用一个最大宽度。你也可以变老，把它应用到身体上，但这可能不是个好主意。

<body>
   <div class="site-wrapper">
    ...rest of website...
   </div>
</body>

用下面的css来解决你的问题。只让. side包装器增长到1000 on，两边的边距相等。

.site-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

这里是一个jsbin，当超过1000 is时，您可以看到应用于主体的红色背景。

http://jsbin.com/mifolecahi/1/edit?output

像引导程序这样的框架使用容器类只使内容达到一定的宽度。这允许父容器扩展整个宽度。它也可以在jsbin的页脚中看到。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29443225

复制

相似问题

问1000 for以上屏幕分辨率响应设计
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问1000 for以上屏幕分辨率响应设计EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问1000 for以上屏幕分辨率响应设计
EN