2016-05-23 56 views
1

我們增加了對不同的縮放級別按屏幕大小媒體查詢,像媒體查詢爲25%,33%和50%的縮放級別

@media (max-width: 992px) 

@media (max-width: 1200px) 

@media (max-width:1920px) 

@media (max-width:1500px) 

但是,當我們做縮放水平25%或33%或50%,那麼我們的佈局設計就會中斷。是否有任何媒體查詢這些級別的縮放?

當我們搜索在谷歌,所有媒體查詢可高於50%縮放,而不是33%或25%縮放,就像這個例子Media Queries for Different zoom Levels of Browser

這個例子中是最大的縮放級別不是最低。

+0

可能的[瀏覽器不同縮放級別的媒體查詢]的副本(http://stackoverflow.com/questi ons/22223866/media-queries-for-different-zoom-levels-of-browser) –

+0

這是不同的,我們更新了我們的問題,請看一看 –

回答

0

找到了答案 對於50%的縮放,我們可以利用這個媒體查詢

@media (min-width:2052px) and (max-width:2732px) 
{ 

} 

和33%的縮放,我們可以利用這個

@media (min-width:2733px) and (max-width:4102px) 
{ 

} 

和25%縮放,我們可以使用此媒體查詢

@media (min-width:4103px) and (max-width:5464px) 
{ 

}