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

Question

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

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

感谢帮助：D

Answer 1

将@media用于andriod浏览器

示例andriod（320像素到480像素宽）

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) { ... }