每個在瀏覽網站時的習慣都是不同的，使用的瀏覽器也是各不相同，如果一個網站在多使用者習慣的瀏覽器中無法開啟，或者開啟後顯示不清楚，那麼多使用者很可能就會放棄繼續瀏覽這個網站。所以網站製作時如果沒有考慮到網頁相容性和網頁解析度的設定問題。

　　網站製作時需要對網頁在瀏覽器中的相容性和網頁的解析度進行合理的設定，確保網站頁面可以在不同的瀏覽器中開啟，開啟後的顯示清晰美觀。那麼要如何調整網頁在瀏覽器中的相容性和網頁在顯示螢幕中的解析度密呢？需要了解的朋友請繼續往下看，接下來網站建設 SEO 站群小編就為大家詳細的介紹一下。

　　一、網站製作中網頁在瀏覽器中的相容性如何調整？

　　網頁在瀏覽器的相容性指的是做出的網頁在不同的瀏覽器中瀏覽時，顯出來的效果是否正常，瀏覽器相容性的調整就是對網頁在瀏覽器中顯示效果進行的測試和調整，對於網頁製作者來產，網頁相容性的調適一直是一個很頭疼的問題。

　　網站製作中網頁的相容性和網頁解析度如何設定？

　　1 、產生瀏覽器相容性問題的原因

　　不同的瀏覽器在開發時對於 html 或 css 的解釋都稍有不同，所以就會導致網頁在這個瀏覽器中開啟是正常，而在另一個瀏覽器中開啟卻出現了亂版。因為瀏覽器的資料非常的多，網頁製作者也無法預知訪客使用的是哪種瀏覽器，此時為了提升網站的多使用者體驗度，我們就會需要對網頁的瀏覽器相容性做測試。
　　2 、需要不選擇哪些瀏覽器進行測試

　　因為目前全球可用的瀏覽器有上百種之多，但是我們在進行瀏覽器相容性測試時不可以將所有的瀏覽器都測試一遍，那樣工作量是非常大的。我們只需選擇幾款主流的瀏覽器進行相容測試即可。如 IE 瀏覽器、火狐瀏覽器、谷歌、蘋果 Safari 、等幾款全球應用範圍廣的瀏覽器進行測試。

　　注：360 瀏覽器、搜狗瀏覽器、騰訊瀏覽器等採用的是與 IE 或谷歌瀏覽器相同的核心，其相容標準與 IE 或谷歌瀏覽器是完全一樣的，所以我們只需測試其中的一個就可以的。

　　3 、瀏覽器相容性測試的方法

　　對 CSS 相容性的測試、對 javascript 的測試，如果企業網站開發時採用的是 jquery 技術，那麼可以無需考慮瀏覽器相容性問題，因為該框架底層已經做好了各瀏覽器相容的技術了。

　　二、網站製作中網頁的在解析度如何設定？

　　網站製作時對於網頁解析度的設定通常需要與螢幕解析度相適應，一般情況下在網頁製作時，網頁解析度的寬度不能超過螢幕解析度，對高度沒有限制。需要注意的是：隨著科技的發展和人們對於視覺效果的提高，螢幕的種類已發展成為以寬屏為主。

　　在網頁製作中，網頁解析度通常也被稱為 “網頁寬度”，實際上解析度也是表示長度和寬度的另一種方式，只不過它的單位為 “畫素” 。下面介紹五款常用的螢幕解析度相對應的網頁解析度設定情況：

　　在不確定訪客到底用什麼樣的螢幕瀏覽網頁的情況下，網頁製作時可以採用以下兩種方法：

　　1 、直接以 1024×768 螢幕為準進行網頁製作

　　據相關資料顯示，現在機幾乎沒有人在使用 15 寸大腦袋顯示器了，可能部分人還在用 17 寸液晶屏，但現在市場的主流的是 19 寸螢幕，所以我們可以選擇以 17 寸螢幕為準，將網頁寬度設定為 1002 畫素，這樣就可以適用於所有比 17 寸大的螢幕。

　　2 、設定網頁寬度相對螢幕寬度的百分比，然後選擇自適應螢幕

　　這種方法是在製作網頁時，將頁面寬度直接設定成一個百分數，如 98%，這樣設定的網頁在任意螢幕中，都是以螢幕寬度*98% 的計算方式來顯示的，這種情況下不會出現瀏覽器左右留白的現象。缺點在於網頁內部的版塊、圖片等寬度也都需要自動適應網頁寬度，操作起來有一定難度。