css问题记录

1.Q：Safari浏览器下碰到了一个问题(chorme\Edge浏览器没有问题):

放大缩小屏幕，元素没有随着放大缩小。

 

A：问题是需要缩放的元素的祖先元素定义了font-size;

2.Q:img标签和div标签中间有空隙

A:img标签增加display：block

3.less中height

Q: 用calc方式无法生效， 改用calc(~'100vh - 64px');后 stylelint校验报错 function-calc-no-invalid

A: 定义了变量@height: calc(~'100vh - 64px');

赋值生效