網(wǎng)站制作時(shí)需要對(duì)網(wǎng)頁(yè)在瀏覽器中的兼容性和網(wǎng)頁(yè)的分辨率進(jìn)行合理的設(shè)置，確保網(wǎng)站頁(yè)面可以在不同的瀏覽器中打開(kāi)，打開(kāi)后的顯示清晰美觀。那么要如何調(diào)整網(wǎng)頁(yè)在瀏覽器中的兼容性和網(wǎng)頁(yè)在顯示屏幕中的分辨率密呢？需要了解的朋友請(qǐng)繼續(xù)往下看，接下來(lái)分形科技小編就為大家詳細(xì)的介紹一下。
一、網(wǎng)站制作中網(wǎng)頁(yè)在瀏覽器中的兼容性如何調(diào)整？
網(wǎng)頁(yè)在瀏覽器的兼容性指的是做出的網(wǎng)頁(yè)在不同的瀏覽器中瀏覽時(shí)，顯出來(lái)的效果是否正常，瀏覽器兼容性的調(diào)整就是對(duì)網(wǎng)頁(yè)在瀏覽器中顯示效果進(jìn)行的測(cè)試和調(diào)整，對(duì)于網(wǎng)頁(yè)制作者來(lái)產(chǎn)，網(wǎng)頁(yè)兼容性的調(diào)適一直是一個(gè)很頭疼的問(wèn)題。
1、產(chǎn)生瀏覽器兼容性問(wèn)題的原因
不同的瀏覽器在開(kāi)發(fā)時(shí)對(duì)于html或css的解釋都稍有不同，所以就會(huì)導(dǎo)致網(wǎng)頁(yè)在這個(gè)瀏覽器中打開(kāi)是正常，而在另一個(gè)瀏覽器中打開(kāi)卻出現(xiàn)了亂版。因?yàn)闉g覽器的數(shù)據(jù)非常的多，網(wǎng)頁(yè)制作者也無(wú)法預(yù)知訪客使用的是哪種瀏覽器，此時(shí)為了提升網(wǎng)站的用戶體驗(yàn)度，我們就會(huì)需要對(duì)網(wǎng)頁(yè)的瀏覽器兼容性做測(cè)試。
2、需要不選擇哪些瀏覽器進(jìn)行測(cè)試
因?yàn)槟壳叭蚩捎玫臑g覽器有上百種之多，但是我們?cè)谶M(jìn)行瀏覽器兼容性測(cè)試時(shí)不可以將所有的瀏覽器都測(cè)試一遍，那樣工作量是非常大的。我們只需選擇幾款主流的瀏覽器進(jìn)行兼容測(cè)試即可。如IE瀏覽器、火狐瀏覽器、谷歌、蘋(píng)果Safari、等幾款全球應(yīng)用范圍最廣的瀏覽器進(jìn)行測(cè)試。
注：360瀏覽器、搜狗瀏覽器、騰訊瀏覽器等采用的是與IE或谷歌瀏覽器相同的內(nèi)核，其兼容標(biāo)準(zhǔn)與IE或谷歌瀏覽器是完全一樣的，所以我們只需測(cè)試其中的一個(gè)就可以的。
3、瀏覽器兼容性測(cè)試的方法
對(duì)CSS兼容性的測(cè)試、對(duì)javascript的測(cè)試，如果企業(yè)網(wǎng)站開(kāi)發(fā)時(shí)采用的是jquery技術(shù)，那么可以無(wú)需考慮瀏覽器兼容性問(wèn)題，因?yàn)樵摽蚣艿讓右呀?jīng)做好了各瀏覽器兼容的技術(shù)了。
二、網(wǎng)站制作中網(wǎng)頁(yè)的在分辨率如何設(shè)置？
網(wǎng)站制作時(shí)對(duì)于網(wǎng)頁(yè)分辨率的設(shè)置通常需要與屏幕分辨率相適應(yīng)，一般情況下在網(wǎng)頁(yè)制作時(shí)，網(wǎng)頁(yè)分辨率的寬度不能超過(guò)屏幕分辨率，對(duì)高度沒(méi)有限制。需要注意的是：隨著科技的發(fā)展和人們對(duì)于視覺(jué)效果的提高，屏幕的種類(lèi)已發(fā)展成為以寬屏為主。
在網(wǎng)頁(yè)制作中，網(wǎng)頁(yè)分辨率通常也被稱為“網(wǎng)頁(yè)寬度”，實(shí)際上分辨率也是表示長(zhǎng)度和寬度的另一種方式，只不過(guò)它的單位為“像素”。下面介紹五款常用的屏幕分辨率相對(duì)應(yīng)的網(wǎng)頁(yè)分辨率設(shè)置情況：
|
屏幕分辨率 |
對(duì)應(yīng)的網(wǎng)頁(yè)分辨率 |
|
800×600屏幕（15寸方屏） |
網(wǎng)頁(yè)寬為778像素 |
|
1024×768屏幕（17寸液晶） |
網(wǎng)頁(yè)寬為1002像素 |
|
1280×720屏幕 |
網(wǎng)頁(yè)寬為1258像素 |
|
1440×900屏幕（19寸寬屏液晶） |
網(wǎng)頁(yè)寬為1418像素 |
|
1920×1080屏幕 |
網(wǎng)頁(yè)寬為1898像素 |
在不確定訪客到底用什么樣的屏幕瀏覽網(wǎng)頁(yè)的情況下，網(wǎng)頁(yè)制作時(shí)可以采用以下兩種方法：
1、直接以1024×768屏幕為準(zhǔn)進(jìn)行網(wǎng)頁(yè)制作
據(jù)相關(guān)數(shù)據(jù)顯示，現(xiàn)在機(jī)幾乎沒(méi)有人在使用15寸大腦袋顯示器了，可能部分人還在用17寸液晶屏，但現(xiàn)在市場(chǎng)的主流的是19寸屏幕，所以我們可以選擇以17寸屏幕為準(zhǔn)，將網(wǎng)頁(yè)寬度設(shè)置為1002像素，這樣就可以適用于所有比17寸大的屏幕。
2、設(shè)置網(wǎng)頁(yè)寬度相對(duì)屏幕寬度的百分比，然后選擇自適應(yīng)屏幕
這種方法是在制作網(wǎng)頁(yè)時(shí)，將頁(yè)面寬度直接設(shè)置成一個(gè)百分?jǐn)?shù)，如98%，這樣設(shè)置的網(wǎng)頁(yè)在任意屏幕中，都是以屏幕寬度*98%的計(jì)算方式來(lái)顯示的，這種情況下不會(huì)出現(xiàn)瀏覽器左右留白的現(xiàn)象。缺點(diǎn)在于網(wǎng)頁(yè)內(nèi)部的版塊、圖片等寬度也都需要自動(dòng)適應(yīng)網(wǎng)頁(yè)寬度，操作起來(lái)有一定難度。
北京分形科技有限公司成立于2003年，是一家以AI為核心驅(qū)動(dòng)力，提供網(wǎng)絡(luò)品牌策劃、AI互聯(lián)網(wǎng)服務(wù)、WEB3服務(wù)、AI人工智能解決方案的綜合服務(wù)商
我們一直秉承的經(jīng)營(yíng)理念：責(zé)任、熱情、品質(zhì)、包容
主要業(yè)務(wù)范圍：AI互聯(lián)網(wǎng)服務(wù)（網(wǎng)站建設(shè),網(wǎng)站群,短視頻社交平臺(tái),APP,小程序）AI人工智能行業(yè)解決方案（智慧博物館,智慧公園,智慧景區(qū),智慧社區(qū),智慧醫(yī)療,智慧校園,）IoT智能物聯(lián)產(chǎn)品（智能步道,AR太極,AI健身,AI導(dǎo)覽,AI單車(chē),智慧樹(shù)）WEB3（區(qū)塊鏈,元宇宙,NFT數(shù)字藏品）