【问题标题】:Can anyone see what's wrong with this html on a mobile device?任何人都可以在移动设备上看到这个 html 有什么问题吗?
【发布时间】:2012-11-13 00:17:28
【问题描述】:

http://home.comcast.net/~maria.pettit/healthmutt/

在最常见的浏览器(Chrome、Firefox、Safari 和 IE)中看起来不错,在 GN、GS3 和 iPad 上的 Chrome 中看起来不错,但主要内容文本在默认的 Android 浏览器上奇怪地左浮动(除了那一张右浮动图像)。

它在默认的 Android 浏览器的内容框右侧创建了大约 25% 的空白,这根本没有任何意义。另外,为什么那张图片(Healthmutt05edit.png)可以正确浮动?文本应该在那里。

我已经尽一切努力让它发挥作用。非常感谢任何见解。

【问题讨论】:

  • 我无法在手机上复制它。什么Android手机和版本? (在 Android 上:设置 -> 关于手机 -> 获取 BUILDNUMBER 和型号),
  • 在 Galaxy Nexus 上,内部版本号是 JRO030,Galaxy SIII 是 SCH-I535 内部版本 cm_d2vzw-userdebug 4.2.1。请记住,该网站在两部手机上的 Chrome 中看起来都不错;只有默认浏览器有问题(在两台设备上)。
  • 这个问题解决了吗?
  • 它在桌面上的 Chrome 中看起来偏离中心。正文有width: 95%;。尝试完全删除它?

标签: html css xhtml


【解决方案1】:

在我的 Android 手机中,如果我缩小页面,它会自行将其重新排列为应有的样子。

另外,我建议将该文本放在<p> 的段落中,或者将它的 div 设置为 float:left。这样文本就不必假设它应该去哪里,而是你可以通过 css 告诉它。

【讨论】:

    猜你喜欢
    • 2018-11-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多