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

鍍金池/ 問答/HTML/ 網(wǎng)頁響應(yīng)式問題

網(wǎng)頁響應(yīng)式問題

如何根據(jù)響應(yīng)式改變被選中的箭頭的定位
圖片描述

我試過相對定位，但是瀏覽器窗口一改變就會(huì)改變就會(huì)錯(cuò)位
`@media only screen and (max-width: 1200px) {

.yuan {
    position: relative;
    left: 7px;
    top: 5px;
    background: #000;
    border-radius: 45px;
    height: 90px;
    width: 90px;
}

}

.yuan {

position: relative;
left: 14px;
top: 10px;
background: #000;
border-radius: 80px;
height: 160px;
width: 160px;

}`
上邊這段代碼改變?yōu)g覽器窗口也不改變

回答
編輯回答
挽歌

你把兩個(gè)交換一下位置，絕對就行了。媒體查詢在使用時(shí)，對同一個(gè)元素改變樣式，媒體查詢要放到后面，是有先后順序的，CSS在權(quán)重相同的情況下，會(huì)使用后一個(gè)的樣式。 就拿你這個(gè)來講，假設(shè)我現(xiàn)在屏幕縮小到1000px，它滿足你媒體查詢的條件是吧？但是當(dāng)媒體查詢那個(gè)代碼過后，執(zhí)行下面的代碼，它也滿足條件吶，這不就覆蓋了嘛

2017年5月2日 01:22