當屏幕大於或等於 600px 寬（包括我的代碼）時，如何使用媒體查詢制作一個 600px 寬的表單？

Question

我在想以下...

@media only screen and (min-width: 600px) {
.form {
width: 600px}
}

我對么？

Answer 1

您真的不需要為此進行媒體查詢。 如果您將寬度設置為 600px 和最大寬度以防止其超過 100%，它將起作用。

 form { width: 600px; max-width: 100%; margin: 0 auto; }

 <form> <fieldset> <legend>Example Form</legend> <div> <label>Name<br /><input type="text" name="name" /></label> </div> <div> <button>Submit</button> </div> </fieldset> </form>