可能性の重複：
Switching back and forth between mobile and standard views with css/php styleswitcher（CSS）
私は、単一のスタイルシート内のすべての私のスタイルを持っている場合は、使用して@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)モバイルスタイルを定義するには、ユーザーがモバイルデバイスからサイトを表示しても標準ビューに戻ることができる方法はありますか？
私は自分のモバイルスタイルを別のシートに入れて、styleswitcherスクリプトを使ってみましたが、動作させることはできません。単一のスタイルシートでそれを行う方法はありますか？複数のスタイルシートを使用して
この問題を扱っている他の人のために、私はDevice Theme Switcher WPプラグインを使用しました：https://github.com/jamesmehorter/device-theme-switcher/。このプラグインを使用すると、ハンドヘルドやタブレット用に別々のテーマを定義し、ユーザーエージェントの検出機能を使って訪問者を適切なテーマに誘導できます。また、モバイルレイアウトに「フルサイトを表示」リンクを追加することで、彼らは欲しい。
「回避策」：
あなたはinnerHTMLを使用してヘッダーを編集JavaScriptの機能を持つボタンを作成することができます。
したがって、ボタンのonclickを使用して、スタイルシートのデバイス固有の読み込みを切り捨て、スタイルシートで置き換えるinnerHTMLを含むJavaScript関数を実行します。
もちろん、3つのスタイルシートが必要です。 1つはモバイルスタイル用、1つはデスクトップスタイル用、もう1つは一般的なスタイル用です。
<link href="stylesMobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 480px)">
<link href="stylesDesktop.css" rel="stylesheet" type="text/css" media="screen and (min-width: 480px)">
<link href="stylesCommon.css" rel="stylesheet" type="text/css" media="screen">
は、私はこれが役に立てば幸い第一及び第二ラインを切り取り、メディア=「画面」
で「stylesDesktop.css」の簡単なロードに置き換えます。
PS：@mediaプロパティを "上書き"するユーザーフレンドリーな方法は考えられません。テスト目的のために、私はユーザエージェントがうまくいくはずだと考えています。