在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ I'mQQ站點(diǎn)是怎么做到網(wǎng)頁(yè)縮小時(shí)某些元素寬度自動(dòng)增加的?

I'mQQ站點(diǎn)是怎么做到網(wǎng)頁(yè)縮小時(shí)某些元素寬度自動(dòng)增加的?

網(wǎng)頁(yè)見(jiàn):https://im.qq.com/download/

clipboard.png
例如左上角的這個(gè)a(首頁(yè)),Chrome瀏覽器下縮放67%時(shí)是初始寬度36px,再縮小就開(kāi)始變寬,一直到25%下的96px,而放大時(shí)寬度不改變,我仿制的網(wǎng)頁(yè)中的對(duì)應(yīng)元素寬度也不改變(無(wú)論縮放)。

我感覺(jué)這樣可以在一定程度上避免縮放時(shí)元素錯(cuò)位,但是不知道原因。

我看到EventListeners中有resize這一項(xiàng),感覺(jué)可能有關(guān),但是jQuery源碼中沒(méi)有搜索到相關(guān)內(nèi)容。

回答
編輯回答
不將就

CSS3 mediaQuery

2017年3月20日 00:44
編輯回答
孤客

可以用resize,監(jiān)聽(tīng)窗口大小變化,然后更改樣式,不過(guò)還要判斷窗口大小,通過(guò)js更改樣式。
$(window).resize(function() {
...
});
還是直接用媒體查詢吧

2017年12月4日 15:40
編輯回答
小曖昧

可以考慮用媒體查詢進(jìn)行實(shí)現(xiàn)

2017年5月17日 14:41
編輯回答
喵小咪
@media and (max-width: 600px) {
    div {
        width: 100%;
    }
}
2018年4月27日 02:10