僅針對媒體的協助

您好，我想知道您是否可以幫助我解決我在實現純媒體螢幕時遇到的問題。

值得一提的是，我是新手程式設計師，這是我第一次開發這麼大的程式碼。

我目前正在為我的公司開發新網站，並且我已經完成了主頁。我現在專注於使其能夠響應行動裝置。

我在主頁的 CSS 檔案中建立了一些 Media Only 元素，但這些元素不會立即套用於行動裝置。我還應該指出，我使用 FireFox Developer Edition，它具有將頁面顯示為行動裝置的模式。

我創建了純媒體螢幕並在線上搜尋了大多數行動裝置的尺寸，但恐怕我的尺寸可能有誤。您願意幫助我嗎？

也許有 HTML 和 CSS 經驗的人可以提供正確的尺寸嗎？

我的程式碼

media only screen and (min-width: 360px) and (max-width: 393px){}
@media only screen and (min-width: 412px) and (max-width: 428px){}
@media (min-width: 576px) and (max-width: 768px) {}

以上是僅針對媒體的協助的詳細內容。更多資訊請關注PHP中文網其他相關文章！