什么叫自適應(yīng) 網(wǎng)頁(yè)設(shè)計(jì)中,如何讓頁(yè)面自適應(yīng)手機(jī)端?
網(wǎng)頁(yè)設(shè)計(jì)中,如何讓頁(yè)面自適應(yīng)手機(jī)端?一般來(lái)說(shuō),通過(guò)CSS3,您可以直接定義不同分辨率的樣式,例如下面的代碼。/*桌面*/@媒體全部和(最小寬度:1201px){。標(biāo)題桌面{顯示:阻止!重要}。容器{寬
網(wǎng)頁(yè)設(shè)計(jì)中,如何讓頁(yè)面自適應(yīng)手機(jī)端?
一般來(lái)說(shuō),通過(guò)CSS3,您可以直接定義不同分辨率的樣式,例如下面的代碼。
/*桌面*/@媒體全部和(最小寬度:1201px){。標(biāo)題桌面{顯示:阻止!重要}。容器{寬度:1100px}/*筆記本電腦*/@media all和(最小寬度:980px)和(最大寬度:1200px){。標(biāo)題{顯示:阻止!重要}。Container{width:920px}
但是,上面的方法可能與舊版IE不兼容
所以你也可以通過(guò)JS來(lái)識(shí)別當(dāng)前頁(yè)面的分辨率,給出更好更復(fù)雜的樣式。有很多代碼,但通常沒(méi)有兼容性問(wèn)題。