css - CSS 最小边距

Question

我需要有 7% 宽的边距，并且至少 100 像素，我该怎么做？

我试过了

margin:7% 100px;

但它没有用

有没有像最小保证金这样的东西？

Answer 1

您可以分配 100px 的边距，然后使用 javascript 覆盖它（当满足特定要求时），或者您可以使用媒体查询

例如，当宽度 >= 500 像素时，更改样式以使边距为 7% 而不是 100 像素

Answer 2

找到了答案，这是有效的代码：

<script type='text/javascript'>
window.addEventListener('resize', function(event){
if (GetWidth() < 1373) {
    console.log('changed < 1372');
    document.getElementById('main').style.marginLeft = '100px';
}else{
    console.log('changed > 1372');
    document.getElementById('main').style.marginLeft = '7%';
}

}, false);

function GetWidth()
 {
          var width = 0;
          if (self.innerHeight)
          {
                  width = self.innerWidth;
          }
          else if (document.documentElement && document.documentElement.clientHeight)
          {
                  width = document.documentElement.clientWidth;
          }
          else if (document.body)
          {
                  width = document.body.clientWidth;
          }
          return width;
 }


</script>

它检查每个窗口调整大小，无论何时调整大小，它都会执行函数 GetWidth。如果页面宽度小于 1372，它会更改 ID 为“main”的 div 的 css。