響應(yīng)式網(wǎng)頁
- ?一個(gè)網(wǎng)站所有的樣式全部寫在一個(gè)css文件中,寫類名把父元素帶上,這樣就不會(huì)有類名沖突了
響應(yīng)式就是使用媒體查詢,在多個(gè)的屏幕尺寸下,讓網(wǎng)頁的布局不要亂。
核心就是,在對應(yīng)的屏幕下,通過對發(fā)生錯(cuò)亂的元素樣式進(jìn)行更改,讓其在該屏幕下排列整齊,只有一句話,在對應(yīng)的屏幕下,把版心改成100%,去掉元素的定高定寬,寬度改為100%,去除多余的內(nèi)外邊距,左右布局改上下。
這個(gè)需要一個(gè)個(gè)div逐個(gè)去更改,看著費(fèi)勁,其實(shí)也花不了多少時(shí)間。
網(wǎng)頁里面用到的swiper,fullpage,echarts這些庫,他們都有響應(yīng)式的解決方法,官網(wǎng)查就行。
評(píng)論
圖片
表情
