html - 比浏览器宽度更宽的内容会破坏页面格式

标签 html css responsive-design

enter image description here

当页面内容比浏览器窗口宽,并且浏览器比min-width宽时,宽元素将超出页面布局,而不是拉伸(stretch)布局以容纳它们。

整个页面在<div id="container">中包装器,它有一个 min-width 990 像素,和一个 width 100%

我想修复网站的样式表,这样如果元素对它来说太宽,布局就会拉伸(stretch)。右对齐的元素应该一直保持在右边,菜单栏应该继续,背景应该延伸等等。

1 :

最佳答案

您应该删除 min-width : 990px​​; 添加 width : 990px​​; 然后添加 max-width: 100%;/p>

关于html - 比浏览器宽度更宽的内容会破坏页面格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20752729/

相关文章:

jquery - 自定义 css 不在 jquery 移动页面上呈现

html - 不同的布局与一个响应式布局来处理不同的设备尺寸和方向

jquery - 输入 slider 的样式问题

css - 如何创建在断点处转到内容下方的响应式侧边栏?

jquery - 奥巴马风格的弹出式菜单 - 保留文本宽度

css - 如何在具有(流体高度)的响应框中垂直居中文本

html - 如何正确居中对齐拆分为 2 :1 ratio 的两个相邻框的内容

javascript - DropDownList 中的 onChange 和 onSelect

html - 用于显示为链接的电子邮件地址的变量

html - 无法以 100% 中间和静态大小的左右方式正确设置元素