私のサイトの CSS は現在 Twitter Bootstrap によって処理されており、私の 1920x1200 モニターのような高解像度で見栄えがよく、機能も優れています。しかし、スマートフォンなどの小さなデバイスや、非常に高解像度の iPad 3 にアクセスするとすぐに、コンピューターの画面にはなかったあらゆる種類の癖に気付きます。もちろん、ブラウザ ウィンドウのサイズを水平方向に縮小することで、それらをシミュレートできます。
癖は一般的に何らかの形のランダムなサイズ変更 (ヘッダー テキストの前に画像のサイズが変更される) であり、最終的にはすべてが 1 つの大きな列に変わります。
小さな画面でも同じようにサイトを表示するにはどうすればよいですか? apple.comとNest.comを見ると、アクセスに使用するどのデバイスでも同じであることがわかります。
ブートストラップがより応答性/流動性を高めようとしていることは知っていますが、さまざまな水平解像度でその動作を微調整するためにかなりの労力を費やさない限り、どの画面でも同じバージョンをユーザーに表示する方がはるかに優れていると感じています. Bootstrap でオフにして、スパンのスマート スタッキングを防ぎ、どこでも同じ形状を維持できるものはありますか?
どうもありがとう！