CSS笔记-width之max-width和min-width

最新推荐文章于 2024-04-16 22:29:27 发布

印第安米饭

最新推荐文章于 2024-04-16 22:29:27 发布

阅读量762

点赞数

分类专栏： CSS 文章标签： css 前端

本文链接：https://blog.csdn.net/qq_29923881/article/details/83418847

版权

CSS 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

规则：max-width 会覆盖width设置, 但 min-width设置会覆盖 max-width.
max-width和width只能有一个，min-width和max-width只能有一个

    .wrapper {
        position: absolute;
        left: 50%;;
        transform: translate(-50%,0);
        height: 100%;
        width: 100%;                     /*要和width:100%一起写*/
        max-width: 1920px;               /*max-width*/
        overflow: hidden;
    }
    .bg {
        width: 100%;
        height: 100%;                    /*要和width:100%一起写*/
        min-width: 1200px;               /*防止被max-width覆盖*/
        will-change: contents;
    }