我目前正在开发一个网页,并且通过在我的 CSS 的宽度和高度属性中使用百分比(%)值,我已经实现了在整个浏览器窗口中的拟合。现在的问题是,当我调整窗口大小时,所有内容都会被打乱和扭曲(例如标签、链接等)。有没有办法设置最小高度和宽度,以便在调整窗口大小时,这些属性是有限制的以防止布局被扭曲?
谢谢是提前!
我目前正在开发一个网页,并且通过在我的 CSS 的宽度和高度属性中使用百分比(%)值,我已经实现了在整个浏览器窗口中的拟合。现在的问题是,当我调整窗口大小时,所有内容都会被打乱和扭曲(例如标签、链接等)。有没有办法设置最小高度和宽度,以便在调整窗口大小时,这些属性是有限制的以防止布局被扭曲?
谢谢是提前!
你实际上自己回答了这个问题。您可以使用 CSS 属性min-width
并min-height
分别为像容器这样的块级元素设置最小宽度和高度。
不过,更好的解决方案是使用响应式设计,它会随着窗口的增长和缩小而不断调整自身。
查看 css 属性 min-height:
http://reference.sitepoint.com/css/min-height
和最小宽度:
http://reference.sitepoint.com/css/min-width
您还可以查看一个简单的 CSS 框架,例如 StackLayout: