Question

我需要有7％宽的保证金，至少100px，我该怎么做？

我试过

margin:7% 100px;

但它不起作用

是否有类似小额保证金的东西？

Answer 1

你可以指定一个100px的边距，然后使用javascript覆盖它（当满足某个要求时），或者你可以使用媒体查询

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

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。

CSS最低保证金

2 个答案: