Twitter Bootstrap に無料のテーマを提供する新しい Web サイトJopixelsを設計しています。Bootsrap はレスポンシブ デザインのサポートを提供します。しかし、私のテーマでは、すべての種類のデバイスに確実に適合するように、テーマ固有の CSS を記述する必要があります。
デザインをテストするためにタブレットやスマートフォンを購入することはできません。
実際のデバイスがなくても、デザインがクロス デバイス互換であることを確認する正しい方法は何ですか?
Twitter Bootstrap に無料のテーマを提供する新しい Web サイトJopixelsを設計しています。Bootsrap はレスポンシブ デザインのサポートを提供します。しかし、私のテーマでは、すべての種類のデバイスに確実に適合するように、テーマ固有の CSS を記述する必要があります。
デザインをテストするためにタブレットやスマートフォンを購入することはできません。
実際のデバイスがなくても、デザインがクロス デバイス互換であることを確認する正しい方法は何ですか?
ブートストラップ固有ではありませんが、ご存知ですか
と
http://www.mobilewebsites4u.com/tester/index.htm
?? (最後のものはスマートフォンにとって本当に便利です)
別の解決策は、ブートストラップ テーマの「View Demo」がある Web サイトにアクセスすることです。ソースを表示してコードを使用します。
下部にデバイス セレクター メニューがあるこのデモを見てください。
右クリックしてソースを表示します ( Chrome を使用している場合は、 view-source:urlを追加します):
すべての JavaScript を取得し、サイト用に微調整します。
ブラウザのサイズを変更することもできます。Twitter-bootstrap の応答レイアウトはパーセンテージで機能し、流動性のために js を使用していないため、ブラウザーのサイズ変更は正常に機能します。