2016-06-16 4 views
1

自分のサイトのデスクトップ版があり、モバイルデバイス用の応答性の高いサイトを作成したいが、PHPファイルから含める私のページのコンテンツは、モバイル版。デスクトップコンテンツとモバイルコンテンツを1つのファイルにDIVに入れてdisplay:none display:blockを使用することができますが、それは人間工学的に大きなコンテンツには当てはまりません。このような問題を解決するための今日の基準は何ですか?私はインターネットで検索しましたが、ディスプレイやjsロードファイルを含むいくつかの解決策が人々の質問に答えていますが、これを解決するための人間工学的な方法である標準をもっと求めています。もし私が間違っていれば、ただ正しいと思うかもしれませんが、おそらく最も良い方法は、すべてを1つのファイルに入れ、CSS(表示コード)で操作することです。コードセクションを読み込む画面の解像度に依存する

+0

どのように内容が異なりますか?モバイル版のコンテンツは少ないですか、まったく違うのですか? –

+0

内容は異なっており、要素の設定が異なります。私はjquery accordionなどの追加スクリプトを使用しています。 – soonic

+0

基本的に異なるページがある場合は、ここでオプションの1つを試してみてください。http://www.inmotionhosting.com/support/website/redirects/mobile-redirect –

答えて

0

私は自分のウェブサイトで「アダプティブ」なWebデザインを使用しています。 PHPスクリプトは、モバイルデバイスかデスクトップデバイスかをチェックします。各デスクトップおよびモバイルサイトで は

@mediaといくつかのCSSです(最小幅:700px)と(最大幅:1200px){

}

あなたは、いくつかの異なる最小値と最大値を選択することができます。このレイアウトでは、さまざまなディスプレイサイズに合わせてデザインするのは簡単です。
希望があなたの問題を解決しました

+0

これは私が当時必要としていたPHPコンテンツを含めることができる解決策です。私はそれがモバイルデバイスかどうかをチェックするためのPHPスクリプト(ユーザエージェント解析付き)を使用するこの方法がどれほど信頼できるか経験はありません。私は[mobiledetect.net](http://mobiledetect.net/)を見つけました。スクリプトは、iexを使用してあきらめて十分に信頼できるものでなければなりません。表示のようなCSSのみ:なし。 – soonic

+0

@soonic [link](http://caniuse.com/#feat=css-mediaqueries)メディアクエリは、ほとんどのブラウザでサポートされています。サポートされていないブラウザの場合は、追加のCSSを追加できます。あなたの問題について特定の質問がありますか、それとも解決されていますか? –

関連する問題