這星期開(kāi)發(fā)項(xiàng)目時(shí)準(zhǔn)備使用媒體查詢的方式設(shè)計(jì)自適應(yīng)網(wǎng)站,不過(guò)最后放棄了摘投,總結(jié)了以下幾點(diǎn)來(lái)說(shuō)明什么情況下不適合設(shè)計(jì)自適應(yīng)網(wǎng)站煮寡。
-
div有背景圖片:這種情況下是不適合設(shè)計(jì)自適應(yīng)網(wǎng)頁(yè)。雖然可以通過(guò)下面的樣式可以使得背景圖片自適應(yīng)犀呼,但是塊里顯示的其他內(nèi)容就不好自適應(yīng)了幸撕。所以整個(gè)頁(yè)面這種情況占據(jù)很多的時(shí)候就慎用設(shè)計(jì)自適應(yīng)網(wǎng)站,還是老實(shí)的定義好div寬度跟高度外臂。(排除body用背景圖片的狀況)
-moz-background-size: 100% 100%; background-size: 100% 100%;
過(guò)多使用絕對(duì)定位:這種情況也要慎用自適應(yīng)網(wǎng)站坐儿,自適應(yīng)網(wǎng)站的原理通過(guò)改變屏幕大小而改變文檔的顯示位置,而絕對(duì)定位則與這種原理相排斥宋光,雖然也能通過(guò)一些特殊的設(shè)定達(dá)到自適應(yīng)挑童,但是還是有許多的不足之處,所以不推薦跃须。