css为什么要定最小宽度和最大宽度，最小宽度和最大宽度有什么用

html-css014

css为什么要定最小宽度和最大宽度，最小宽度和最大宽度有什么用,第1张

设最小和最大宽度，主要是为了防止页面变形而已如，如果一个页面的宽度设置为百分比，这时此页面的宽度会根据浏览器的宽度而定但如果浏览器的宽度过小，页面就会变形，例如，你做的用百分比设置的页面，而用户端的浏览器窗口宽度被缩小成 100px 宽度（或显示器分辨率过小）那么如果你页面中没设置最小宽度，那可想而之你这时的页面会崩到啥情度，但如果你加了一个：min-width:780px的最小宽度的话那么，当浏览器宽度为 100px 时，你的页面依然能完美显示而不会崩掉……同理，最大宽度 max-width 也是如此现在大多显示都是宽屏的，如果你不想你的页面铺满全屏或各模块的间隔过大，就可以加个最大宽度进行限制。以上……

1、首先打开hbuilder软件，新建一个html文件，写入一个p标签，里面写入一句话：

2、然后在上方定义style标签，修改body标签的样式，这里用width属性设置body的宽度为600像素，高度设为1000，居中使用margin属性，最后为了观察效果最后在设置一个宽度为10像素的边框并给边框一个颜色：

3、最后按下Crtl＋S保存，在浏览器中就可以看到自定义宽度并居中的body标签了：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：table {width: 70%}。

3、浏览器运行index.html页面，此时无论网页大小如何变化，table总能占用网页70%的宽度，可以实现随着屏幕变化而变化。