[英]CSS: how to set a min-width that is overridden by a max-width?
从这个问题 ,我知道最小宽度优先于最大宽度。
我的问题是如何实现以下目标:
我希望div的宽度为50%,但不小于350px,除非视口宽度小于350px,在这种情况下,我希望最大宽度为100%。
如果我使用以下内容:
.half-right {width: 50%; float: right; padding: 2em 4em; min-width: 300px; max-width: 100%;}
最小宽度会覆盖最大宽度,并且在宽度的100%之外会有一些渗色。
帮助表示赞赏。
添加媒体查询
@media screen and (max-width: 350px) {
.half-right{
width: 100%;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.