0

モバイルデバイスとタブレットデバイスを検出するときに、個別のスタイルシートを追加する際に問題が発生します。現在、モバイルデバイスを検出するために、ヘッダーファイルの先頭に次のものがあります。

<?php if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobile') || strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobi') || strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'android')) { $browser = 'mobile'; } ?>

ただし、ヘッドタグ内で次のように呼び出すと、何らかの理由でスタイルシートが呼び出されません。

<?php if($browser == 'mobile'){ ?><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/stylesheets/mobile.css" /><?php } ?>

この投稿に書いた最初のphpコードを追加してテストしましたがecho 'This is a mobile browser';、これは正常に表示されるため、最初のビットは機能しています。スタイルシートが呼び出されない理由がわかりません。

これは、mobile.cssのいくつかのcssスタイルの例です。

div{
clear:both !important;
display:block !important;
width:100% !important;
float:none !important;
margin:0 !important;
padding:0 !important;
position: static !important;
}

ありがとう

4

2 に答える 2

0

CSSメディアクエリを使用してCSSを選択する問題については言及していません。彼らには不足がありますか？

于 2012-12-10T12:08:30.467 に答える
0
  1. 次のようなより用途の広いものを使用してください: http://code.google.com/p/php-mobile-detect/
  2. Firebug または同様のツールを使用して、スタイルシート パスが正しく、ブラウザーで認識されるかどうかを確認します。
于 2012-12-10T12:02:02.480 に答える