ruby-on-rails - モバイルデバイスのみのCSSを渡す方法

Question

私のWebアプリケーションでは、モバイルとコンピューターの違いcssを渡したいと思います。これどうやってするの？

例えば：

誰かがコンピューターで私のサイトにアクセスした場合は「screen.css」を渡し、モバイルで誰かが私のサイトにアクセスした場合は差分css「screen1.css」を渡します

これどうやってするの？よろしくお願いします

Answer 1

メディアクエリを把握します。それは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();}