【问题标题】:HTML, CSS and Responsiveness not being 'responsive'HTML、CSS 和响应性不是“响应式”
【发布时间】:2018-10-17 17:42:28
【问题描述】:

奇怪的问题。我正在设计一个网站,并且遇到了对齐和总体定位在移动设备上混乱的问题。

我设计了一个简单的盒子,里面还有另外 2 个盒子。在红色框内,如下所示,有一个垂直和水平居中的字母,但是,在我的 Galaxy S5 上并非如此,这显示它有点偏离。为什么是这样?当然,这不是 CSS 问题,而是 Android WebView 问题,但它可以在 S3 mini 上正常运行。我错过了什么? (默认浏览器显示网站很好,只是 WebView 搞砸了)。

Macbook Screenshot

Galaxy S5 Screenshot

【问题讨论】:

  • 如果您没有发布任何相关代码,我们将无法判断。我们无法猜测您的标记和样式是什么。
  • 网页视图中可能不支持某些 CSS 功能。其他居中技术可能适用于两者:css-tricks.com/centering-css-complete-guide

标签: android html css responsive-design responsive


【解决方案1】:

HTML 头部的 viewport 元标记将告诉设备以自己屏幕的宽度显示页面。

<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】:

    猜你喜欢
    • 2014-06-01
    • 2018-02-21
    • 2017-04-03
    • 2013-05-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多