電腦不同分辨率顯示網站的解決方案

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

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

那么，在實際的網站設計操作過程中，我們應該如何來避免此類現象的產生呢？

1，可以根據文檔顯示區域寬度來重新調整網站設計當中的層定位

首先，需要通過 document.body.offsetWidth 來獲取文檔顯示區域的準確寬度；

其次，通過

function isLayer(obj){

with(obj.currentStyle)

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

}

來判斷對象為層否

2，順應不同分辨率要求進行網站設計，利用引導頁功能將客戶帶入相應分辨率頁面

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

文章標題：電腦不同分辨率顯示網站的解決方案
瀏覽地址：http://m.kartarina.com/news42/82242.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有解決方案等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容