0

StackOverflowとモバイルデザインのブランド。

JQUERYMobileを使用しています。そして、私はメディアクエリの基本的な理解を持っていると感じています。しかし、答えが見つからない1つの問題（これを間違って見ている可能性があります）は、デスクトップユーザーが閲覧しているときに、ページで次のコマンドを実行しない方法です。

これはCSSで定義されていないため、メディアクエリは機能しません。javascriptが機能する場合、誰かがコーディングを手伝ってくれませんか。私は以下を試しましたが、javascriptがわかりません：

<script>
if (document.documentElement.clientWidth < 641) 
{    
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
}
</script >

私はモバイルPHPスニファーを使用できることを知っていますが、「維持」のためにそのルートに行くことを好みません。

前もって感謝します

編集：

次のように動作します（例4）。

http://php.net/manual/en/faq.html.php

しかし、私の懸念は、なぜより多くの人々がこの問題を抱えていないように見えるのかということです。私は非常に明白な何かを逃していますか？モバイルとデスクトップの両方で同じページを使用していて、jqueryモバイルスクリプトを使用している場合は、デスクトップユーザーに対してそれらを実行しないでください。

4

1 に答える 1

0

行うには、モバイル デバイスをターゲットにする必要があります。次の 2 つの方法でターゲティングできます。

  1. ユーザー エージェント サーバー側の確認

    if( strstr($_SERVER['HTTP_USER_AGENT'],'Android') ||
    strstr($_SERVER['HTTP_USER_AGENT'],'webOS') ||
    strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') ||
    strstr($_SERVER['HTTP_USER_AGENT'],'iPod')
    ){
    // Send Mobile Site
}

  2. ユーザー エージェント クライアント側の確認

    if( navigator.userAgent.match(/Android/i) ||
    navigator.userAgent.match(/webOS/i) ||
    navigator.userAgent.match(/iPhone/i) ||
    navigator.userAgent.match(/iPod/i) ||
    ){
 // Send Mobile Site
}

また、モバイル デバイスを使用していると思われる場合は、モバイル CSS とビューポート メタを表示するようにしてください。viewportメタがデスクトップ ユーザーに影響を与えるとは思いません。

于 2013-03-06T05:11:52.647 に答える