製作一個按鈕響應px

-1

我在我的網站上有3個框。在每個的底部都有一個按鈕，可以完全填充該框的大小。我通過使用寬度322 px來完成這一工作，它在13「及更高版本上工作得很好，但是它在下面是一個完整的混亂。你如何確保響應 - 特別是在這種情況下，它必須完全填充。一箱的全寬爲PX沒有去了解它的方式製作一個按鈕響應px

來源

2017-06-15 eMikkelsen

使用寬度：100％而不是固定數量的像素。 – Gerard

歡迎來到StackOverflow，你的問題應該包含一個[**最小，完整和可驗證的例子**]（http://stackoverflow.com/help/mcve）。 – hungerstar

使用媒體查詢根據設備寬度改變佈局：

看到供您參考的例子，開啓全頁面的例子並調整爲看到的變化。

<!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>

來源

2017-06-16 03:12:29

製作一個按鈕響應px

回答

相關問題