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

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

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

我試過相對定位，但是瀏覽器窗口一改變就會改變就會錯位
`@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覽器窗口也不改變

回答
編輯回答
挽歌

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

2017年5月2日 01:22