【发布时间】: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