html/css中的屏幕修复

html/css中的屏幕修复,html,Html,如果你点击并按住stackoverflow网页的左角并拖动它,使其成为一个较小的浏览器,屏幕对其元素没有任何作用,只是随着部件的脱落,屏幕变小了。这就是我想要实现的目标。可能很容易,但我无法在我的小web应用程序上实现。如果我这样做,中心Div和它包含的文本开始重叠其他元素等,我认为位置:固定;可能会有帮助,但这会将中间的div拖过屏幕。只需将特定的with设置为,例如: body { width: 900px; } 如果在中的所有内容中添加一个,宽度将变为固定宽度,而不是液体,则也

如果你点击并按住stackoverflow网页的左角并拖动它,使其成为一个较小的浏览器,屏幕对其元素没有任何作用,只是随着部件的脱落,屏幕变小了。这就是我想要实现的目标。可能很容易,但我无法在我的小web应用程序上实现。如果我这样做,中心Div和它包含的文本开始重叠其他元素等,我认为位置:固定;可能会有帮助,但这会将中间的div拖过屏幕。

只需将特定的with设置为
,例如:

body {
    width: 900px;
}

如果在
中的所有内容中添加一个
,宽度将变为固定宽度,而不是液体,则也可以尝试使用
min width
而不是
width

像这样:

<div style="width: 1366">
<body>
    blah blah
</body> 
</div>

废话

就这些,非常感谢。我认为混淆之处在于我使用的是Rails,这将设置一个默认的应用程序文件和整个页面主体。这就是我做出改变的地方,它起作用了。我还添加了一个最小高度。这将只在PC上使用,而不是在移动设备上使用。再次感谢。将
放在
中无效。CSS
width
属性需要单位,例如
1366px
。无需修改结构,
元素可以像任何
一样设置样式。内联样式应该避免,因为。谢谢你的启发。出于某种原因,我总是这样做。