我有div
,其上有background
属性。 background
是一个url
,可以在所有计算机和浏览器上正常加载,在Android上加载正常,但不会在iPhone上加载。
以下是div
的样式:
background: url('http://emergypower.com/assets/images/attraction.png');
background-position: center -90px;
height: 590px;
width: 100%;
这是自定义CSS,我没有使用它的框架。此外,当用户打开"标签视图"在iPhone上(查看他们打开的所有Safari选项卡)图像显示正常,但是在真实浏览器视图中打开时它不会显示。
我最初没有设置宽度,并认为这可能导致了问题但是已经编辑了它并且它没有任何区别。
答案 0 :(得分:1)
尝试将背景更改为此。
background: url("http://emergypower.com/assets/images/attraction.png");
background-size: cover
答案 1 :(得分:1)
Ethaan可能是对的,但我更喜欢使用background-size: 100% cover;
来确保图像始终适合它的容器。
答案 2 :(得分:1)
添加背景尺寸
background: url("http://emergypower.com/assets/images/attraction.png");
background-size: 100% 100%;