【问题标题】:Background image will not show on mobile (iPhone 6s)背景图像不会在手机上显示(iPhone 6s)
【发布时间】:2017-12-23 19:28:06
【问题描述】:

我目前正在开发一个网站,除移动设备上的背景图片外,一切正常且功能正常。我已经尝试了一切,即使它在我的笔记本电脑上显示得很好,它也不会在移动设备上显示。我的手机是 iPhone 6s,只是不想显示。我在其他项目中使用了相同的 CSS 代码,效果很好,但目前不行。

我做了一些测试,问题似乎是背景位置:封面。但是有什么方法可以解决这个问题而不会使图像看起来很糟糕。另外,当我点击移动导航按钮打开菜单时……你可以看到后面显示的图像非常奇怪……

有人对此有任何可能的解决方案吗?非常令人沮丧。

这里是网站的链接:http://mujomusic.net/WDV351/Konstrukt/index.php

和代码:

height: 100vh;
background-image: url('images/main.jpg');
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;

【问题讨论】:

  • 嗨,有时您需要meta for mobile 来获取移动端的活动 CSS。我不知道是不是这种情况。这是page that explane this of W3School
  • 也许这是一个愚蠢的建议,但您是否尝试清除缓存?
  • 我已经设置了视口...所以这不是问题...
  • 我尝试清除它,但什么也没有……呃

标签: html css mobile responsive-design


【解决方案1】:

你能提供一个截图吗,因为它在我的身上运行得很好。 可能是缓存问题。

【讨论】:

  • 请检查。
  • 我在再次清除缓存后检查了一下,它出现了......哇。
  • 每次要查看时都尝试使用隐身模式,这很有帮助。谢谢:)
  • 我会记住这一点。非常感谢您的帮助!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-30
  • 1970-01-01
  • 2016-06-11
  • 1970-01-01
相关资源
最近更新 更多