更改移动设备上的文字颜色

Question

我遇到了字体问题。我必须更改移动设备上的字体颜色，但我无法做到这一点。你知道我怎么做吗？

更新：我希望移动设备的颜色与台式机和笔记本电脑不同。

Answer 1

你可以：

1. 使用CSS媒体查询

   @media screen and (max-width: 400px){
       p {
           color: red;
       }
   }
   

   注意：您可以选择＆amp;指定最大宽度和宽度自己特定于最大宽度的样式。

2. 使用jQuery检测移动设备＆amp;改变特定元素的颜色。

   if ($(window).width() < 400) {
        $('element').css( "color", "red" );
   }
   

Answer 2

检测移动设备的最佳方法是了解其宽度并使用相应的媒体查询来捕获它。

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/