無錫手機網(wǎng)站建設(shè)自適應(yīng)屏幕大小代碼!手機網(wǎng)站根據(jù)屏幕分辨率調(diào)用相應(yīng)的CSS。首先要在頭部加上,表示極限屏幕寬度是物理寬度。
或者這句話告訴瀏覽器視口寬度等于設(shè)備屏幕寬度,不進(jìn)行初始縮放。
按照屏幕分辨率調(diào)用Css,關(guān)于建站網(wǎng)站,普通手機屏幕寬度為240PX360PX480PX640PX等。
當(dāng)手機分辨率為360PX寬時調(diào)用:
@mediascreenand(小寬度:360px){
。文本{padding-bottom:0;{}
{}
@mediascreenand(小寬度:480px){
。文本{padding-bottom:0;{}
{}
或者可以根據(jù)分辨率不同在前臺頁面調(diào)用不同的CSS:
<link rel="stylesheet" type="text/css" media="screen and (max-width: 479px)" >
<link rel="stylesheet" type="text/css" media="screen and (min-width: 479px) and (max- width: 639px)" >
<link rel="stylesheet" type="text/css" media="screen and (min-width: 639px)" >
手機網(wǎng)站自適應(yīng)手機屏幕寬度代碼:
在頁面頂部添加。
視口是網(wǎng)頁的默認(rèn)寬度和高度。關(guān)于網(wǎng)站模板,上面的代碼表示網(wǎng)頁寬度默認(rèn)等于屏幕寬度(width=device-width),初始比例(initial-scale=1)為1.0,即網(wǎng)頁的初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設(shè)置,包括IE9。對于那些老瀏覽器(主要是IE6,7,8),需要css3-mediaquery.js。
不允許用戶放大和縮小頁面以及頁面的自適應(yīng)寬度。
<meta name="viewport" content="initial-scale=1, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
根據(jù)不同的屏幕設(shè)置相應(yīng)的CSS,關(guān)于自助建站,是目前手機網(wǎng)站使用廣泛的自適應(yīng)編碼方式。