【问题标题】:Viewport issue, wrong width of the site on mobile视口问题,移动网站的宽度错误
【发布时间】:2015-03-21 01:40:09
【问题描述】:

此网站当前在视口上存在问题,并且仅在移动设备上发生:

http://www.samsungupdate.com/

请使用您的手机访问该网站,它总是在右边留下一个很大的空白。但是在将浏览器调整为更小的尺寸时,PC 上不存在问题。

我将 user-scallable=no 放在元数据中,但它仍然不能解决问题(目前它已被删除)。任何人都可以进行调试并解释为什么会这样吗?

谢谢。

【问题讨论】:

  • 您使用的是什么元标记(除了可扩展的)?
  • 在快速检查中,我认为问题出在搜索或标题中
  • @Paulie_D 嗨,我只使用这个
  • @LuisP.A.谢谢,我也是这么想的,但我似乎无法调试它们,因为它们不会发生在 PC 中。
  • @Tsuki 。等待您进行长期的反复试验。 :)

标签: html css mobile viewport


【解决方案1】:

样式看起来不太好,但为了缩小差距,去掉顶部标题上的 padding: 0 25px 和 only screen and (max-width: 479px) 去掉 padding-left: 80px。

【讨论】:

  • 我已经删除了这两个东西,但问题仍然存在。很难调试,尤其是当这种情况似乎并非每次都发生时。
  • 我使用的是 nexus 4 移动设备,问题消失了。 @Tsuki
  • 我也刚刚在 iphone 5 上测试过,效果也很好。
  • 确保清除浏览器缓存。 @Tsuki 获取最新的样式表。
  • 是的,你是对的 :) 但是还有一个奇怪的问题……我可以左右拖动整个网站。现在看起来缩放是正确的,但差距仍然存在。
猜你喜欢
  • 2016-03-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-08
  • 2016-08-05
  • 2013-09-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多