如何在html css佈局中使用媒體查詢

-6

請告訴我如何使用iPhone的媒體查詢。我無法理解如何編寫321到479等設備以及其他設備的媒體查詢。如何在html css佈局中使用媒體查詢

請告訴我如何在其他設備中更改響應媒體查詢。

2017-08-23 Muhammad Zeeshan

[Media Queries：如何定位桌面，平板電腦和移動設備？]的可能副本（https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile ） – Nisarg

如何使用媒體查詢爲iPhone –

如何問StackOverflow上一個很好的問題： https://stackoverflow.com/help/how-to-ask –

就這麼簡單，無論您使用哪款手機正在測試

@media(max-width:767px) { 
    Here you can define all the responsive styles for mobile view. You can 
    resize the screen to the smallest screen resolution i.e iphone 4 320 * 
    480. So according to whatever the size is required, you can just define 
    it once. It will be applicable to all the devices. 
}

來源

2017-08-23 07:45:20

你的天堂」 t解釋了最小寬度和最大寬度，也沒有更正OP假定他是針對設備而不是屏幕寬度的假設。 –

@YvonneAburrow我同意你的意圖，他瞄準的是一個特定的寬度，但是在下一行中，他也要求其他設備，所以寧願給他一個特殊寬度的解決方案@media（max-width：767px） ''更好，它涵蓋了所有的小設備。 –

-1

媒體查詢並不針對特定的設備（如iPhone），他們的目標屏幕寬度（例如min-width: 767px和max-width: 1024px）和設備類別並顯示（打印，屏幕）。

有一個方便的教程在這裏：

https://www.w3schools.com/css/css3_mediaqueries.asp

@media screen and (max-width: 479px) and (min-width: 321px) { 
    div.page { 
     padding: 0.5em; 
    } 
}

來源

2017-08-23 10:02:11

這不僅僅是Iphone。還有其他手機也需要加以處理。爲特定分辨率提供解決方案不是解決方案。 –

我知道這就是爲什麼我以我們的目標是屏幕寬度而不是設備 –

使用：@media所有和（最大寬度：200像素）{

}

你把什麼這裏面將在寬度小於指定的最大寬度時應用。因此，在筆記本電腦上，如果somone調整瀏覽器的尺寸小於200像素，則內部樣式將應用，並且如果手機屏幕的寬度小於您指定的最大寬度，則樣式將自動應用。

來源

2017-08-28 19:17:54 OneBeginner

如何在html css佈局中使用媒體查詢

回答

相關問題