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