Javascript 如何使网页跟随浏览器窗口的大小,在调整大小时,布局不会扭曲?

Javascript 如何使网页跟随浏览器窗口的大小,在调整大小时,布局不会扭曲?,javascript,html,css,jsp,Javascript,Html,Css,Jsp,我目前正在处理一个网页,通过在css的宽度和高度属性中使用百分比(%)值,我已经在整个浏览器窗口中实现了匹配。现在的问题是,当我调整窗口大小时,所有内容都会混乱和扭曲(例如标签、链接等)。是否有一种方法可以设置最小高度和宽度,以便在调整窗口大小时,限制这些属性以防止布局扭曲 感谢是前进 你实际上自己回答了这个问题。可以使用CSS属性和分别为块级元素(如容器)设置最小宽度和高度 不过,更好的解决方案是使用它,它会随着窗口的增大和缩小而不断自我调整。查看css属性min height: 和最小宽度

我目前正在处理一个网页,通过在css的宽度和高度属性中使用百分比(%)值,我已经在整个浏览器窗口中实现了匹配。现在的问题是,当我调整窗口大小时,所有内容都会混乱和扭曲(例如标签、链接等)。是否有一种方法可以设置最小高度和宽度,以便在调整窗口大小时,限制这些属性以防止布局扭曲


感谢是前进

你实际上自己回答了这个问题。可以使用CSS属性和分别为块级元素(如容器)设置最小宽度和高度


不过,更好的解决方案是使用它,它会随着窗口的增大和缩小而不断自我调整。

查看css属性min height:

和最小宽度:

您还可以查看一个简单的css框架,如StackLayout:


您好,谢谢您的回复。不过有一个问题,我需要去掉width和height属性的百分比值吗?嗨,在某些情况下,这是行不通的。你知道为什么吗?我的页面都使用相同的css。我不知道为什么这个解决方案不适用于我的其他页面。使用最小宽度和最小高度时是否有不应使用的css属性?仅固定宽度将使最大和最小高度无效。否则,页面上的某个元素可能正在破坏您的内容。页面上的某个元素?怎么可能呢?元素包含在div中,div具有最小宽度和最小高度?那么,有什么可能出错呢?如果不知道更多,很难说。您可能希望将此作为一个新问题发布,并显示一些代码,以便我们都可以尝试提供帮助