不同分辨率的網站設計方案
作者：佚名 時間：2012-02-18 分享到：
不同分辨率條件下我們看到的同一網站設計方案會呈現出不同的效果，嚴重的時候會出現錯位，直接影響到了網站設計方案的觀賞性。造成這一現象的原因主要在于網站設計頁面中采用了絕對定位。
那么，在實際的網站設計操作過程中，我們應該如何來避免此類現象的產生呢？
第一，順應不同分辨率要求進行網站設計，利用引導頁功能將客戶帶入相應分辨率頁面
首先，利用 screen.width 和 screen.height 來獲取客戶端水平分辨率與垂直分辨率詳細信息；其次，通過 location.replace(screen.width+".htm") 或者是 location.replace(screen.height+".htm") 來將客戶引入相應分辨率網站設計頁面。
第二，可以根據文檔顯示區域寬度來重新調整網站設計當中的層定位
首先，需要通過 document.body.offsetWidth 來獲取文檔顯示區域的準確寬度；
其次，通過
function isLayer(obj){
with(obj.currentStyle)
return (position=="absolute"&&left!="")
}
來判斷對象為層否
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/news/20151229/n6971.html
