每個在瀏覽網站時的習慣都是不同的，使用的瀏覽器也是各不相同，如果一個網站在用戶習慣的瀏覽器中無法打開，或者打開后顯示不清楚，那么用戶很可能就會放棄繼續瀏覽這個網站。所以網站制作時如果沒有考慮到網頁兼容性和網頁分辨率的設置問題。

網站制作時需要對網頁在瀏覽器中的兼容性和網頁的分辨率進行合理的設置，確保網站頁面可以在不同的瀏覽器中打開，打開后的顯示清晰美觀。那么要如何調整網頁在瀏覽器中的兼容性和網頁在顯示屏幕中的分辨率密呢？需要了解的朋友請繼續往下看，接下來網站建設創新互聯小編就為大家詳細的介紹一下。

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

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

網站制作中網頁的兼容性和網頁分辨率如何設置？

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%的計算方式來顯示的，這種情況下不會出現瀏覽器左右留白的現象。缺點在于網頁內部的版塊、圖片等寬度也都需要自動適應網頁寬度，操作起來有一定難度。

當前標題：網站制作中網頁的兼容性和網頁分辨率如何設置？
文章網址：http://www.kartarina.com/news42/212892.html

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

廣告

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