網(wǎng)站制作NEWS
SCROLL
如何使網(wǎng)頁自適應(yīng)電腦屏幕分辨率，不管多大的分辨率都是全屏顯示的
1.首先，在網(wǎng)頁代碼的頭部，加入一行viewport元標(biāo)簽。
viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網(wǎng)頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個(gè)設(shè)置，包括IE9，對(duì)于那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用絕對(duì)寬度由于網(wǎng)頁會(huì)根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對(duì)寬度的布局，也不能使用具有絕對(duì)寬度的元素。這一條非常重要。具體說，CSS代碼不能指定像素寬度：width:xxx px;
只能指定百分比寬度：width: xx%;或者width:auto;
3、相對(duì)大小的字體
字體也不能使用絕對(duì)大?。╬x），而只能使用相對(duì)大?。╡m）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代碼指定，字體大小是頁面默認(rèn)大小的100%，即16像素。
h1 {
font-size: 1.5em;
}
然后，h1的大小是默認(rèn)大小的1.5倍，即24像素（24/16=1.5）。
small {
font-size: 0.875em;
}
small元素的大小是默認(rèn)大小的0.875倍，即14像素（14/16=0.875）。
多重隨機(jī)標(biāo)簽