2017-10-07 22 views
-1

私は自分のウェブサイトをレスポンシブにしようとしていますが、ブラウザのサイズを変更するたびにコンテンツが変化し始めてしまいます。私はそれを修正しようとしましたが、例えば、432pxのメディアクエリを設定し、440pxにリサイズすると余分な不要な空白がどこかにあるため、すべてのディメンションを修正する必要があります。私はdivとコンテナのためにvhとvwを使用しています。とにかく、この新たな次元にメディアクエストを設定しなければならないのですが、この余計な労力を避けるためのトリックがあるかどうか教えてください。メディアクエリーを制御するにはどうすればよいですか?

+0

のようなだけで4つの異なるメディアクエリを作成することができます – Johannes

答えて

0

あなたが任意の有用な答えを取得したい場合は、あなたのコードをポストする必要がTwitterのブートストラップフレームワークの一部

//For extra small devices, phones 
@media (max-width: 480px) 

//For small devices, tablets 
@media (max-width: 768px) 

//For medium devices, desktops 
@media (max-width: 992px) 

//For large devices, wide screens 
@media (max-width: 1200px) 
関連する問題