網友們上網通常會采用800×600、1024×768兩種分辨率，由於網頁不是用來給自己看的，所以我們必須讓自己的網頁能夠兼顧這兩種情況，讓不同分辨率設置的網友都能夠看到一個排版美觀正確的網頁。
一、 自然拉伸
如果你的網站結構沒有用到大量的圖形來銜接，主要由表格來定結構，那么你就可以使用該方法。非常適用於主要由表格、文字來表達信息的簡單的網頁頁面。制作表格時，只要你把表格的寬度屬性定義為100%
，表格就會根據分辨率的不同自行調整寬度。
二、 固定居中
在800×600分辨率下制作的網頁在1024×768分辨率的機器上打開，整個網頁就會跑到左邊；1024×768分辨率的網頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費勁。所以目前普遍采用的方法是固定居中法！
現在大多數網民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主。只要在網頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個要注意的是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設的是百分比，那么使用大於800×600的像素時，網頁就會拉寬，這樣網頁可能會變形。在<body>中加入leftmargin=0，即<body
leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現滾動條。還有一點要注意的是不能用DW中的層來定位。
三、 兵分兩路
如果你的網頁不經常更新，而且對頁面效果極其在意，那好，你就設計兩個頁面，分別對應800×600和1024×768兩種分辨率。然后根據不同的分辨率進行跳轉就行了。
例如：
<script LANGUAGE="JavaScript">
function redirectPage() {
var
url_else = "http://www.163.com/";
var
url_800x600 = "http://www.sohu.com/";
var
url_1024x768 = "http://www.sina.com.cn/";
var url_1366x768
= "http://www.qq.com";
if ((screen.width ==
800) && (screen.height == 600))
window.location.href= url_800x600;
else if ((screen.width == 1024) &&
(screen.height == 768))
window.location.href=
url_1024x768;
else if ((screen.width == 1366) && (screen.height ==
768))
window.location.href=
url_1366x768;
else
window.location.href=
url_else;
}
</script>
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。