自分のサイトのデスクトップ版があり、モバイルデバイス用の応答性の高いサイトを作成したいが、PHPファイルから含める私のページのコンテンツは、モバイル版。デスクトップコンテンツとモバイルコンテンツを1つのファイルにDIVに入れてdisplay:none display:block
を使用することができますが、それは人間工学的に大きなコンテンツには当てはまりません。このような問題を解決するための今日の基準は何ですか?私はインターネットで検索しましたが、ディスプレイやjsロードファイルを含むいくつかの解決策が人々の質問に答えていますが、これを解決するための人間工学的な方法である標準をもっと求めています。もし私が間違っていれば、ただ正しいと思うかもしれませんが、おそらく最も良い方法は、すべてを1つのファイルに入れ、CSS(表示コード)で操作することです。コードセクションを読み込む画面の解像度に依存する
答えて
私は自分のウェブサイトで「アダプティブ」なWebデザインを使用しています。 PHPスクリプトは、モバイルデバイスかデスクトップデバイスかをチェックします。各デスクトップおよびモバイルサイトで は
@mediaといくつかのCSSです(最小幅:700px)と(最大幅:1200px){
}
あなたは、いくつかの異なる最小値と最大値を選択することができます。このレイアウトでは、さまざまなディスプレイサイズに合わせてデザインするのは簡単です。
希望があなたの問題を解決しました
これは私が当時必要としていたPHPコンテンツを含めることができる解決策です。私はそれがモバイルデバイスかどうかをチェックするためのPHPスクリプト(ユーザエージェント解析付き)を使用するこの方法がどれほど信頼できるか経験はありません。私は[mobiledetect.net](http://mobiledetect.net/)を見つけました。スクリプトは、iexを使用してあきらめて十分に信頼できるものでなければなりません。表示のようなCSSのみ:なし。 – soonic
@soonic [link](http://caniuse.com/#feat=css-mediaqueries)メディアクエリは、ほとんどのブラウザでサポートされています。サポートされていないブラウザの場合は、追加のCSSを追加できます。あなたの問題について特定の質問がありますか、それとも解決されていますか? –
- 1. 画面の解像度に応じて画像を読み込むデザインパターン
- 2. メディアクエリで異なる画面サイズの画像を読み込む
- 3. 背景に高解像度の画像を読み込むfirefox flicker
- 4. 2度読み込むことなく画像を読み込む方法
- 5. apple-touch-startup-image間違った解像度の画像を読み込む
- 6. 読み込む画像
- 7. 大画面を読み込む前に画像を非表示にする
- 8. 同じ面に画像を読み込むと古い画像が読み込まれませんか?
- 9. 画像読み込み中にアイコンを読み込む
- 10. 一度に1つの画像を読み込む方法は?
- 11. 画面を読み込む方法は?
- 12. 画面解像度
- 13. 画面解像度
- 14. 画面解像度
- 15. アンドロイドで画面を読み込むためのGIF画像を使用する
- 16. Firefoxにリモート画像を読み込む
- 17. キャンバス画像をExcelに読み込む
- 18. "10sec"後に画像を読み込む
- 19. UWP - フォルダに画像を読み込む
- 20. P5.jsに画像を読み込む
- 21. ヘッドタグに画像を読み込む
- 22. mkmapsにカスタム画像を読み込む
- 23. GWTに画像を読み込む
- 24. ListBoxに画像を読み込む
- 25. Kivyに画像を読み込む
- 26. iPhoneのストレージに画像を保存/読み込む方法は?
- 27. HTML5動画の読み込み時に画像を読み込む方法は?
- 28. 画像を読み込む角度があります。JS
- 29. 画像の読み込み/保存misorder
- 30. 保存した画像をiOSに読み込む
どのように内容が異なりますか?モバイル版のコンテンツは少ないですか、まったく違うのですか? –
内容は異なっており、要素の設定が異なります。私はjquery accordionなどの追加スクリプトを使用しています。 – soonic
基本的に異なるページがある場合は、ここでオプションの1つを試してみてください。http://www.inmotionhosting.com/support/website/redirects/mobile-redirect –