根据当前分辨率的变化调整宽度自适应

太过爱你忘了你带给我的痛 2022-11-02 13:25 139阅读 0赞

@media screen and (min-width: 576px) { 
        .ant-legacy-form-item .ant-legacy-form-item-control-wrapper .ant-legacy-form-item-control{ 
            min-width: 120px;
            width: calc((100vw / 3 - 136px))!important;
        }
    }
    
    @media screen and (min-width: 768px) { 
        .ant-legacy-form-item .ant-legacy-form-item-control-wrapper .ant-legacy-form-item-control{ 
            min-width: 120px;
            width: calc((100vw / 4 - 136px))!important;
        }
    }
    
    @media screen and (min-width: 992px) { 
        .ant-legacy-form-item .ant-legacy-form-item-control-wrapper .ant-legacy-form-item-control{ 
            min-width: 100px;
            width: calc((100vw / 4 - 136px))!important;
        }
    }
    
    @media screen and (min-width: 1200px) { 
        .ant-legacy-form-item .ant-legacy-form-item-control-wrapper .ant-legacy-form-item-control{ 
            min-width: 100px;
            width: calc((100vw / 4 - 136px))!important;
        }
    }
    
    @media screen and (min-width: 1600px) { 
        .ant-legacy-form-item .ant-legacy-form-item-control-wrapper .ant-legacy-form-item-control{ 
            min-width: 100px;
            width: calc((100vw / 6 - 136px))!important;
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关内容宽度变化的iframe高度自适应

<iframe src="backtop.html" frameborder="0" scrolling="no" id="test" onload="this.hei

Bertha 。/ 2023年10月22日 06:23/ 0 赞/ 134 阅读

相关 css实现根据元素自适应宽度设定高度

需求描述： wap页面展现一张banner图片，要求其宽度为页面的宽度（屏幕宽度），高度为宽度的3/5。 css实现： js实现方式很简单，就不做介绍了；这里我们说下

桃扇骨/ 2023年02月22日 08:14/ 0 赞/ 2 阅读

相关 H5图片高度根据宽度自适应

每个图片原始宽高不一样，缩小每个图片到指定的宽度，高度等比例缩小，实现图片高度自适应。下面看看实现代码：下面是uniapp的条件编译，如果是小程序场景就使用 mode

女爷i/ 2023年01月03日 14:18/ 0 赞/ 370 阅读

相关根据当前分辨率的变化调整宽度自适应

@media screen and (min-width: 576px) { .ant-legacy-form-item .ant-legacy-fo

太过爱你忘了你带给我的痛/ 2022年11月02日 13:25/ 0 赞/ 140 阅读

相关背景图片根据宽度自适应高度的方案

移动前端自适应开发过程中，使用背景图片替换img标签时，img标签可以根据屏幕宽度自适应高度，而背景图片却无法适应高度，使用css的内边距（padding）可以解决高度问题，因

红太狼/ 2022年08月23日 03:52/ 0 赞/ 254 阅读

相关 div自适应宽度

.item\_sel\{ min-width: 141px; width: auto; \_width:141px; white

小灰灰/ 2022年05月16日 05:37/ 0 赞/ 378 阅读

相关 div宽度自适应

自适应宽度的层不要指定宽度和float属性自适应宽度的层物理的位置放在最下面自适应的div中不能出现“width=100%”，否则在ie6中会出现错位现象

r囧r小猫/ 2022年05月15日 14:47/ 0 赞/ 323 阅读

相关页面根据不同宽度自适应不同样式

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] @media screen and (min-w

忘是亡心i/ 2022年01月14日 22:09/ 0 赞/ 272 阅读

相关 echars 图表根据容器宽度自适应

首先要创一个echars图表实例。我是用vue写的。 <script> export default \{ data() \{ return \{

迈不过友情╰/ 2021年12月23日 22:57/ 0 赞/ 333 阅读

相关 css ul的宽度根据li的总宽度自适应变化且剧中

css源码： ul{ width: -moz-fit-content; width: -webkit-fit-content;

我就是我/ 2021年12月21日 10:49/ 0 赞/ 383 阅读