Galaxy s3打破了响应式布局

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Galaxy s3打破了响应式布局相关的知识,希望对你有一定的参考价值。

这是我正在开发的网站:http://www.syndicatetx.com/

这个网站在iPhone和我测试的其他4个android设备上正确显示,但是在我的galaxy s3上它似乎删除了徽标的css类。

问题:

  1. logo不会出现在s3上
  2. “欢迎来到2013年5月开放的老爵士乐活动的辛迪加”没有出现。奇怪的是。文字就在那里!只是不可见。 (您可以在移动浏览器中复制并粘贴文本)
  3. 如果您滚动到底部然后向上快速向上滚动徽标加载1秒钟然后消失。

https://www.dropbox.com/s/zod5eo9dh7tupr3/2013-05-06%2010.08.31.png

如果我在s3上使用chrome或firefox,一切看起来都很完美。 如果我使用海豚(带喷气背包),它是完美的。 如果我使用与截图相同的dolphin(没有jetpack)。

我意识到我需要进入移动调试,但截至目前我所看到的移动调试的所有内容都是针对chrome和firefox正确显示页面所以并没有真正帮助。

答案

我会留下这个评论,但还没有足够高的代表......

之前我遇到过S3的问题,因为它与其他手机相比分辨率极高。我看到你使用480,750,800px来识别设备。请注意,该手机的高分辨率1280 x 720。

以上是关于Galaxy s3打破了响应式布局的主要内容,如果未能解决你的问题,请参考以下文章

第180期合理设置响应式设计的响应点

响应式布局简明示例

H5响应式布局 响应式图片 响应式布局网站怎么写?

[UWP]XAML中的响应式布局技术

响应式布局

响应式布局流式布局