2017-06-15 16 views
-1

私のウェブサイトには3つのボックスがあります。それぞれの下部には、そのボックスのサイズを正確に埋めるボタンがあります。私は幅322pxを使ってこれを行いましたが、これは13インチ以上で完璧に機能しますが、その下の完全な混乱です。どのように反応するかを確認するにはどうしたらいいですか?ボックスの全幅それについて移動する方法PXないですpxでボタンを反応させる

+1

使用幅:固定ピクセル数の代わりに100%を使用します。 StackOverflowのに – Gerard

+3

ようこそ、あなたの質問が含まれている必要があります[**、最小限の完全かつ検証可能な例を**](http://stackoverflow.com/help/mcve)。 – hungerstar

答えて

0

使用するメディアクエリデバイス幅に応じてレイアウトを変更します。?

を全ページに 開き、あなたの参照のための例を例を見ますそして、サイズ変更は、変更内容を確認することです。

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <style> 
 
     button{ 
 
     width:400px; 
 
     height:50px; 
 
     
 
     } 
 
     
 
    @media screen and (max-width:980px) { 
 
     button{ 
 
     width:100%; 
 
     } 
 

 
} 
 
    </style> 
 
    </head> 
 

 
    <body> 
 
    <button>1</button> 
 
    <button>2</button> 
 
    <button>3</button> 
 
    </body> 
 

 
</html>

関連する問題