我的设计存在很大问题,我针对移动设备进行了调整。
我在我的iPhone和iPad以及Windows Phone上进行了测试,因为我没有Android设备,我无法对它们进行测试。但我请一位朋友在他的三星Galaxy S3上进行测试,并找到了一个可以在三星Galaxy S5上测试它的网站,我看到它在三星设备上看起来很奇怪。
你在屏幕上看到的唯一一件事就是背景的一小部分,而且没有来自网站的div ..
我测试了很多视口设置和CSS媒体查询设置,但三星设备上没有任何功能,此时我不知道如何解决这个问题。
如果您需要,这是我的代码:
meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"
@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2)
以下是截图:http://www.nfs-serie.at/gallery/without/549993baed99e_IMG_1268.JPG
是否有其他人有此问题或解决方案,因为我真的不知道为什么该网站没有在三星设备上正常显示,而且所有其他设备都能正常工作。
编辑:测试了一些,发现这不是媒体查询的问题,没有媒体查询的网站也没有在三星设备上显示。你只看到了背景图片,我现在还不知道为什么......试图找出问题所在......
答案 0 :(得分:0)
并非所有三星设备都支持媒体查询。这就是我相信你的问题。这对您非常有帮助:http://pieroxy.net/blog/pages/css-media-queries/test-features.html
您可以在设备上测试此网站,并查看哪些媒体查询有效。