當窗口調整大小時調整html元素的CSS技巧

Question

我將爲Mobile開發一個網頁。我需要調整窗口的寬度screen.Suppose我創建一個窗體與一些文本字段。當屏幕寬度很寬時，它顯示適合。但是，如果屏幕長高而寬度較小，則表單元素（文本框，標籤等）與幾個角落部分重疊或隱藏。

我該如何做到這一點，如果我調整屏幕大小，然後顯示HTML元素應自動縮小以適應屏幕大小。

請給出您的建議。

感謝， 迪帕克

Answer 1

最好的解決方案是使用media queries

有了他們，你可以申請單獨的樣式不同的設備寬度，並確保所有網頁（並表）看起來很漂亮每個屏幕上。

這也有助於避免頁面變形或使文本變得難以閱讀，當您嘗試將設計用於較寬屏幕的頁面擠壓到狹窄的移動設備時可能會出現這種情況。

Answer 2

我建議你使用Percent dimensions和box-sizing: border-box;