2020-05-16 分類(lèi): 解決方案
不同分辨率條件下我們看到的同一網(wǎng)站設(shè)計(jì)方案會(huì)呈現(xiàn)出不同的效果,嚴(yán)重的時(shí)候會(huì)出現(xiàn)錯(cuò)位,直接影響到了網(wǎng)站設(shè)計(jì)方案的觀(guān)賞性。造成這一現(xiàn)象的原因主要在于網(wǎng)站設(shè)計(jì)頁(yè)面中采用了絕對(duì)定位。
那么,在實(shí)際的網(wǎng)站設(shè)計(jì)操作過(guò)程中,我們應(yīng)該如何來(lái)避免此類(lèi)現(xiàn)象的產(chǎn)生呢?
1,可以根據(jù)文檔顯示區(qū)域?qū)挾葋?lái)重新調(diào)整網(wǎng)站設(shè)計(jì)當(dāng)中的層定位
首先,需要通過(guò) document.body.offsetWidth 來(lái)獲取文檔顯示區(qū)域的準(zhǔn)確寬度;
其次,通過(guò)
function isLayer(obj){
with(obj.currentStyle)
return (position=="absolute"&&left!="")
}
來(lái)判斷對(duì)象為層否
2,順應(yīng)不同分辨率要求進(jìn)行網(wǎng)站設(shè)計(jì),利用引導(dǎo)頁(yè)功能將客戶(hù)帶入相應(yīng)分辨率頁(yè)面
首先,利用 screen.width 和 screen.height 來(lái)獲取客戶(hù)端水平分辨率與垂直分辨率詳細(xì)信息;其次,通過(guò) location.replace(screen.width+".htm") 或者是 location.replace(screen.height+".htm") 來(lái)將客戶(hù)引入相應(yīng)分辨率網(wǎng)站設(shè)計(jì)頁(yè)面。
文章標(biāo)題:電腦不同分辨率顯示網(wǎng)站的解決方案
瀏覽地址:http://m.rwnh.cn/news42/82242.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有解決方案等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容