響應網站，CSS類型的寬度

Question

我要讓我的網站在手機響應...等

我的問題是我想知道的寬度，我讓它在@media（CSS）任何類型的

例如電話我讓768px是正確的？

Answer 1

不，你不這樣做。響應式設計不會創建針對任何設備或寬度的網頁。響應（或自適應）設計意味着您的頁面可以響應您的頁面呈現在任何設備上的視口。

你應該做的是讓你的內容擴大，以填補你希望它填補的領域。如果你的內容填充不好（設計看起來像垃圾），那麼你必須調整你的內容。

您如何知道768px寬的設備是手機，平板電腦還是桌面瀏覽器？手機處於768像素的橫向模式，但同一部手機旋轉至縱向和320像素，如何？這就是爲什麼你不能瞄準設備。

注意：有些方法可以檢測某個設備是手機還是其他移動設備，但它並不總是可靠的，需要額外的努力才能使用它。

Answer 2

從300px寬度開始，調整瀏覽器窗口大小（可能使用Chrome開發工具）逐漸增加寬度。 我發現使用viewportsizes.com或使用chrome開發工具中已有的設備來引用常見設備尺寸很有用。 你必須關注你的內容，並在內容需要解決時設置斷點。 而且，遵循一個告訴你響應式網頁設計技術的課程會更好。