如何使一個DIV響應css html

-3

如何使一個div響應所有可能性 html代碼。我爲320 * 480如何使一個DIV響應css html

<style> 
    .in1{width:275px;height:45px; border-color: #f0b41c;} 
    .in3{width:120px;height:40px;} 
    .in4{ width:150px;height:40px;} 

    </style> 
    <div>   

<input class="in1" type="text" name="name" placeholder="your name" required> 
    <input class="in1" type="email" name="email" placeholder="your email" required> 
    <input class="in3" type="submit" name="submit" value="Sign Up"><br> 


    <span style="font-size: 25px; font-weight: 700; line-height: 130%;color: #fff; padding: 10px;"> SOME TEXT <span style=" font-family: 'Grundschrift';color:#f0b41c;">Some Text</span> SOME TEXT</span> 
    <br><input class="in4" type="submit" name="submit" value="How to Play"> 
     </div>

來源

2014-09-20 NaveenKG

使用百分比代替px – himanshu 2014-09-20 05:52:49

你想要做什麼？簡述你的敘述 – Sam1604 2014-09-20 06:02:26

@ Sam1604說。你期望什麼結果。你得到了一個答案，你的投入％（這是響應），如果這還不夠，你必須對你的問題更具體。 – 2014-09-20 06:24:27

使用媒體查詢發現問題，像這樣的：

@media screen and (device-width: 768px){ /*Your style to be applied */ }

您可以參考this link以獲取更多信息。

來源

2014-09-20 07:18:55 Akshay

<style> 
    .in1{width:80%;height:45px; border-color: #f0b41c;} 
    .in3{width:50%;height:40px;} 
    .in4{ width:60%;height:40px;} 

    </style>

來源

2014-09-20 05:53:57 himanshu

只要改變寬度就夠了嗎？沒有它的不工作只是trxt框的大小增加 – NaveenKG 2014-09-20 05:55:00

它只是一個示例設置百分比根據您的需要 – himanshu 2014-09-20 06:22:29

感謝您的答案知道有多重要是比px – NaveenKG 2014-09-20 08:59:37

如何使一個DIV響應css html

回答

相關問題