search

wswmsword / postcss-mobile-forever

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

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

Open MatthewTt opened 5 months ago

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

存在该属性

image

不存在该属性

image

原图

wswmsword commented 5 months ago

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