電腦不同分辨率顯示網(wǎng)站的解決方案

2020-05-16    分類: 解決方案

不同分辨率條件下我們看到的同一網(wǎng)站設(shè)計方案會呈現(xiàn)出不同的效果,嚴(yán)重的時候會出現(xiàn)錯位,直接影響到了網(wǎng)站設(shè)計方案的觀賞性。造成這一現(xiàn)象的原因主要在于網(wǎng)站設(shè)計頁面中采用了絕對定位。

那么,在實際的網(wǎng)站設(shè)計操作過程中,我們應(yīng)該如何來避免此類現(xiàn)象的產(chǎn)生呢?

1,可以根據(jù)文檔顯示區(qū)域?qū)挾葋碇匦抡{(diào)整網(wǎng)站設(shè)計當(dāng)中的層定位

首先,需要通過 document.body.offsetWidth 來獲取文檔顯示區(qū)域的準(zhǔn)確寬度;

其次,通過

function isLayer(obj){

with(obj.currentStyle)

return (position=="absolute"&&left!="")

}

來判斷對象為層否

2,順應(yīng)不同分辨率要求進行網(wǎng)站設(shè)計,利用引導(dǎo)頁功能將客戶帶入相應(yīng)分辨率頁面

首先,利用 screen.width 和 screen.height 來獲取客戶端水平分辨率與垂直分辨率詳細(xì)信息;其次,通過 location.replace(screen.width+".htm") 或者是 location.replace(screen.height+".htm") 來將客戶引入相應(yīng)分辨率網(wǎng)站設(shè)計頁面。

文章標(biāo)題:電腦不同分辨率顯示網(wǎng)站的解決方案
瀏覽地址:http://www.bm7419.com/news42/82242.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有解決方案

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名