ruby-on-rails - 如何仅为移动设备传递 css

Question

在我的网络应用程序中，我想为移动设备和计算机传递差异 css。我怎样才能做到这一点？

例如：

如果有人在计算机上访问我的网站，则通过“screen.css”，当有人在移动设备上访问我的网站时，则通过差异 css“screen1.css”

我怎样才能做到这一点？请帮助我提前致谢

Answer 1

找出媒体查询。这是一种可能性：

http://css-tricks.com/css-media-queries/

Answer 2

尝试这个：

在Javascript中：

<script type="text/javascript">
var mobile_device = 0;
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile){ mobile_device = 1; }
</script>

在HTML中：

<div id="show_this_when_mobile_device" style="display:none;">
   <link rel="stylesheet" href="mobile_css_path" type="text/css">
</div>

在Javascript中：

if(mobile_dev == 1){$("#show_this_when_mobile_device").show();}