android - Android Native Browser 4.4.2 中的文本阴影移动到容器顶部

Question

我设计了一个带有一些文本阴影的网页，在所有浏览器中都运行良好，但在 Android Native 浏览器中所有文本阴影都移动到容器的顶部。

例如:我有一个文本阴影:2px 2px 2px #FFF，当我在 Android 浏览器中打开时，我需要将其设置为 2px 52px 2px #FFF 以使其处于正确的位置。

谢谢你的帮助:D

Answer 1

在andriod浏览器上使用@media

andriod 示例(320px 到 480px 宽度)

CSS

  /* Extra small devices (phones, less than 768px) */
  /* No media query since this is the default in Bootstrap */

  /* Small devices (tablets, 768px and up) */
  @media (min-width: @screen-sm-min) { ... }

  /* Medium devices (desktops, 992px and up) */
  @media (min-width: @screen-md-min) { ... }

  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: @screen-lg-min) { ... }