-1
我的應用程序不能很好地顯示在寬屏幕和大屏幕的firefox操作系統設備上？什麼是適用於所有類型設備的正確媒體查詢代碼？什麼媒體查詢代碼應該用於用戶界面
A
回答
0
/*==================================================
=自舉3個媒體查詢= ==================================== ============== */
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
0
媒體查詢通常是針對特定應用的，但如果你正在尋找一個通用的方案，你可以使用引導程序一直使用的是什麼。
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
請注意，這是假設您沒有使用移動優先方法。如果你是，你需要使用
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
+0
感謝您的回答 –
相關問題
- 1. 構建響應式用戶界面與媒體查詢
- 2. 響應媒體查詢 - 我在哪裏放什麼代碼？
- 3. 媒體查詢 - 爲什麼應該執行的css代碼無法執行
- 4. 用於C代碼的用戶界面
- 5. 將媒體查詢應用於元素
- 6. 基於媒體查詢應用CSS類
- 7. 應用javascript媒體查詢
- 8. 媒體查詢在什麼時候不應該觸發？
- 9. 將媒體查詢樣式應用於媒體打印？
- 10. 我應該使用什麼樣的用戶界面？
- 11. 我的用戶界面代碼應該放在哪裏？
- 12. 它應該執行後媒體查詢
- 13. 爲什麼我的媒體查詢不適用於Flexbox？
- 14. 用於媒體查詢的分辨率值是什麼？
- 15. 寫什麼用戶界面？
- 16. 爲什麼沒有應用媒體查詢規則之一？
- 17. 爲什麼不是獨家媒體查詢應用？
- 18. 媒體查詢的SASS代碼結構
- 19. 應用媒體查詢之前，它應該
- 20. 怪異頁面使用媒體查詢
- 21. 用戶界面和用戶體驗的區別是什麼？
- 22. 媒體查詢不適用於Safari
- 23. CSS媒體查詢不適用於iPhone
- 24. Css媒體查詢不適用於iPhone
- 25. 集媒體查詢基於使用SASS
- 26. 媒體查詢不適用於手機
- 27. 媒體查詢不適用於手機
- 28. 媒體查詢不適用於Ipad
- 29. 媒體查詢不適用於Android 4.2.2
- 30. 什麼是iPod Touch 6G媒體查詢？
謝謝你的回答 –
你認爲我必須關心決議嗎？設備的寬度越大，分辨率也越大？ –
是的，您必須根據設備寬度在媒體查詢中編寫分辨率。 – vivek