wswmsword / postcss-mobile-forever

一款 PostCSS 插件,将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
https://wswmsword.github.io/examples/mobile-forever/vanilla/
MIT License
325 stars 19 forks source link

当我设置了background-attachment: fixd, 背景图片显示效果不对,应该如何调整 #39

Open MatthewTt opened 6 months ago

MatthewTt commented 6 months ago
background-repeat: no-repeat;
  background-size: 100%;
 background-attachment: fixed;

存在该属性

image

不存在该属性

image

原图

wswmsword commented 6 months ago

你好,我测试了下。在设置 background-attachment: fixed 之后,background-size 的尺寸就不是基于当前元素的了,正常情况是基于浏览器视口的,所以您这个问题是出现在宽屏上吗? 这个 background-attachment: fixed 的作用是在滚动父级元素的时候,保持背景不变,但是如果这个背景已经是您 App 的最外层了,好像就没必要设置 fixed 值了,默认 scroll 或者删掉这个属性应该就行,是不是这个属性的用法您用错了?