css的min-width,max-width,max-height,min-height在啥情况下有效

Posted 2023-05-05

min-width在你没有任何内容的时候，它就生效呀。max-width是在内容超过这个宽度的时候生效。height的作用也是一样的 参考技术A width表示宽度，height表示高度，min表示最小值，max表示最大值，你要了解怎么使用就得知道其含义
min-width和min-height就表示是最小宽度和最小高度，假如你设置了100px的值，那么标签可以伸缩的话数值不会低于100px；

max-width和max-height就表示是最大宽度和最大高度，加入你设置了1000px的值，那么标签可以伸缩的话数值不会大于100px；

IE6无法直接支持这几个样式追问

丢弃ie6吧，ie7，8，9也不支持

媒体查询节点(海外节点)

@media (min-width: 993px) and (max-width: 1199px) {}

@media (min-width: 700px) and (max-width: 992px) {}

@media (min-width: 544px) and (max-width: 699px) {}

@media (max-width: 543px) {}

@media (min-width: 1199px) {}