不同分辨率的網(wǎng)站設(shè)計(jì)方案
發(fā)布時(shí)間：2015-11-17
來源：
本站
不同分辨率條件下我們看到的同一網(wǎng)站設(shè)計(jì)方案會(huì)呈現(xiàn)出不同的效果，嚴(yán)重的時(shí)候會(huì)出現(xiàn)錯(cuò)位，直接影響到了網(wǎng)站設(shè)計(jì)方案的觀賞性。造成這一現(xiàn)象的原因主要在于網(wǎng)站設(shè)計(jì)頁面中采用了絕對(duì)定位。
那么，在實(shí)際的網(wǎng)站設(shè)計(jì)操作過程中，我們應(yīng)該如何來避免此類現(xiàn)象的產(chǎn)生呢？
第一，順應(yīng)不同分辨率要求進(jìn)行網(wǎng)站設(shè)計(jì)，利用引導(dǎo)頁功能將客戶帶入相應(yīng)分辨率頁面 首先，利用 screen.width 和
screen.height 來獲取客戶端水平分辨率與垂直分辨率詳細(xì)信息；
其次，通過
location.replace(screen.width+".htm") 或者是 location.replace(screen.height+".htm")
來將客戶引入相應(yīng)分辨率網(wǎng)站設(shè)計(jì)頁面。
第二，可以根據(jù)文檔顯示區(qū)域?qū)挾葋碇匦抡{(diào)整網(wǎng)站設(shè)計(jì)當(dāng)中的層定位 首先，需要通過
document.body.offsetWidth 來獲取文檔顯示區(qū)域的準(zhǔn)確寬度；
其次，通過 function isLayer(obj){
with(obj.currentStyle) return (position=="absolute"&&left!="") }
來判斷對(duì)象為層否
