申し訳ありませんが、この質問はダムですが、私はそれを自分で解決する方法が不思議です。私は異なる画面サイズに対応するウェブサイトを作成するつもりです。これを達成するために、私は2つのHTMLファイルを作成すると思います.1つはWeb用、もう1つはMobile用です。大画面のデザインは小画面とは異なります。私の質問は、アプリサイトがデスクトップ上か携帯電話上で開いているかどうかをどのように検出することができるので、どのようなhtmlテンプレートをレンダリングするべきかを区別することができます。どんな助けでも大歓迎です。2 htmlテンプレートfor mobile and web design
0
A
答えて
1
「レスポンシブな」ウェブデザインは、画面サイズに基づいてCSS(または時にはJavaScript)を使用して変更される単一のレイアウトを指します。
2 htmlレイアウトを作成するのではなく、1に固執してCSSを使用して支援する必要があります。詳細については、この説明のうち
Chrck:http://learn.shayhowe.com/advanced-html-css/responsive-web-design/
2
私は本当に代わりに2を有していると、このようなbootstrapとしてCSS応答フレームワークを使用するためのアドバイスがちょうどそれが起因して持つことに多くの時間がかかります維持し、ファイルを分離しますコードを2回変更してください。
は、しかし、あなたはまだあなたがブラウザの幅を検出するために、JavaScriptを使用することができ、このルートを下るしたい場合は、その結果に依存しますがm.domainのようなサブドメインへの2つのオプション
- リダイレクトを持っています。 comの
- は、最初のオプション
01のためにあなたがif (document.body.clientWidth > 767) { window.location = "http://m.yourdomain.com"; }
たいテンプレートのページのHTMLコンテンツを交換してください第二の選択肢については
if (document.body.clientWidth > 767) {
$('body').html(your template content here);
}
関連する問題
- 1. onclick on web and mobile browser
- 2. レスポンシブな動画iframe for mobile and laptop
- 3. Google chart AreaChart and material Design
- 4. ARcore and mobile-vision
- 5. query CouchDB for Design Documents
- 6. Jquery mobile and mouseoverイベント
- 7. Laravel and Mobileのストライプ
- 8. Twitter Bootstrap and mobile navbar
- 9. IBM Mobile First and Ionic
- 10. 「api design for C++」:C++のシンプルアクセス
- 11. MVVM Design for Multi Document app?
- 12. Webコンポーネントのテンプレートhtmlとテンプレート文字列
- 13. web design in javascript、php、css
- 14. jqGrid for mobile apps
- 15. ブラックベリーエミュレータfor Windows Mobile
- 16. PhoneGap for mobile application
- 17. OCR for Windows Mobile
- 18. Ignite Web Session Clustering design delima
- 19. Jquery mobile、google maps and phonegap
- 20. jQuery-mobile and stale data in pages
- 21. jQuery for mobile webでmouseover/mouseoutイベントを扱う
- 22. for cycle and RegExp
- 23. AWSを使用したDjangoまたはPHP for Web/Mobileアプリケーション
- 24. Loop for Selenium and Python
- 25. Windows Mobileエミュレータfor Linux
- 26. facebook connect for mobile?auth_token
- 27. jQuery Mobile for the menu
- 28. jQuery slideDown for 2 html case
- 29. QTextEdit for input and output
- 30. Paypal IPN for Mobile Payments Library
の可能重複http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-device-in-jquery –