每個(gè)在瀏覽網(wǎng)站時(shí)的習(xí)慣都是不同的,使用的瀏覽器也是各不相同,如果一個(gè)網(wǎng)站在用戶習(xí)慣的瀏覽器中無法打開,或者打開后顯示不清楚,那么用戶很可能就會(huì)放棄繼續(xù)瀏覽這個(gè)網(wǎng)站。所以
網(wǎng)站制作時(shí)如果沒有考慮到網(wǎng)頁兼容性和網(wǎng)頁分辨率的設(shè)置問題。
網(wǎng)站制作時(shí)需要對網(wǎng)頁在瀏覽器中的兼容性和網(wǎng)頁的分辨率進(jìn)行合理的設(shè)置,確保網(wǎng)站頁面可以在不同的瀏覽器中打開,打開后的顯示清晰美觀。那么要如何調(diào)整網(wǎng)頁在瀏覽器中的兼容性和網(wǎng)頁在顯示屏幕中的分辨率密呢?需要了解的朋友請繼續(xù)往下看,接下來
創(chuàng)新互聯(lián)小編就為大家詳細(xì)的介紹一下。
一、網(wǎng)站制作中網(wǎng)頁在瀏覽器中的兼容性如何調(diào)整?
網(wǎng)頁在瀏覽器的兼容性指的是做出的網(wǎng)頁在不同的瀏覽器中瀏覽時(shí),顯出來的效果是否正常,瀏覽器兼容性的調(diào)整就是對網(wǎng)頁在瀏覽器中顯示效果進(jìn)行的測試和調(diào)整,對于網(wǎng)頁制作者來產(chǎn),網(wǎng)頁兼容性的調(diào)適一直是一個(gè)很頭疼的問題。
1、產(chǎn)生瀏覽器兼容性問題的原因不同的瀏覽器在開發(fā)時(shí)對于html或css的解釋都稍有不同,所以就會(huì)導(dǎo)致網(wǎng)頁在這個(gè)瀏覽器中打開是正常,而在另一個(gè)瀏覽器中打開卻出現(xiàn)了亂版。因?yàn)闉g覽器的數(shù)據(jù)非常的多,網(wǎng)頁制作者也無法預(yù)知訪客使用的是哪種瀏覽器,此時(shí)為了提升網(wǎng)站的用戶體驗(yàn)度,我們就會(huì)需要對網(wǎng)頁的瀏覽器兼容性做測試。
2、需要不選擇哪些瀏覽器進(jìn)行測試因?yàn)槟壳叭蚩捎玫臑g覽器有上百種之多,但是我們在進(jìn)行瀏覽器兼容性測試時(shí)不可以將所有的瀏覽器都測試一遍,那樣工作量是非常大的。我們只需選擇幾款主流的瀏覽器進(jìn)行兼容測試即可。如IE瀏覽器、火狐瀏覽器、谷歌、蘋果Safari、等幾款全球應(yīng)用范圍最廣的瀏覽器進(jìn)行測試。
注:360瀏覽器、搜狗瀏覽器、騰訊瀏覽器等采用的是與IE或谷歌瀏覽器相同的內(nèi)核,其兼容標(biāo)準(zhǔn)與IE或谷歌瀏覽器是完全一樣的,所以我們只需測試其中的一個(gè)就可以的。
3、瀏覽器兼容性測試的方法對CSS兼容性的測試、對javascript的測試,如果
企業(yè)網(wǎng)站開發(fā)時(shí)采用的是jquery技術(shù),那么可以無需考慮瀏覽器兼容性問題,因?yàn)樵摽蚣艿讓右呀?jīng)做好了各瀏覽器兼容的技術(shù)了。
二、網(wǎng)站制作中網(wǎng)頁的在分辨率如何設(shè)置?網(wǎng)站制作時(shí)對于網(wǎng)頁分辨率的設(shè)置通常需要與屏幕分辨率相適應(yīng),一般情況下在網(wǎng)頁制作時(shí),網(wǎng)頁分辨率的寬度不能超過屏幕分辨率,對高度沒有限制。需要注意的是:隨著科技的發(fā)展和人們對于視覺效果的提高,屏幕的種類已發(fā)展成為以寬屏為主。
在網(wǎng)頁制作中,網(wǎng)頁分辨率通常也被稱為“網(wǎng)頁寬度”,實(shí)際上分辨率也是表示長度和寬度的另一種方式,只不過它的單位為“像素”。下面介紹五款常用的屏幕分辨率相對應(yīng)的網(wǎng)頁分辨率設(shè)置情況:
屏幕分辨率
|
對應(yīng)的網(wǎng)頁分辨率
|
800×600屏幕(15寸方屏)
|
網(wǎng)頁寬為778像素
|
1024×768屏幕(17寸液晶)
|
網(wǎng)頁寬為1002像素
|
1280×720屏幕
|
網(wǎng)頁寬為1258像素
|
1440×900屏幕(19寸寬屏液晶)
|
網(wǎng)頁寬為1418像素
|
1920×1080屏幕
|
網(wǎng)頁寬為1898像素
|
在不確定訪客到底用什么樣的屏幕瀏覽網(wǎng)頁的情況下,
網(wǎng)頁制作時(shí)可以采用以下兩種方法:
1、直接以1024×768屏幕為準(zhǔn)進(jìn)行網(wǎng)頁制作據(jù)相關(guān)數(shù)據(jù)顯示,現(xiàn)在機(jī)幾乎沒有人在使用15寸大腦袋顯示器了,可能部分人還在用17寸液晶屏,但現(xiàn)在市場的主流的是19寸屏幕,所以我們可以選擇以17寸屏幕為準(zhǔn),將網(wǎng)頁寬度設(shè)置為1002像素,這樣就可以適用于所有比17寸大的屏幕。
2、設(shè)置網(wǎng)頁寬度相對屏幕寬度的百分比,然后選擇自適應(yīng)屏幕這種方法是在制作網(wǎng)頁時(shí),將頁面寬度直接設(shè)置成一個(gè)百分?jǐn)?shù),如98%,這樣設(shè)置的網(wǎng)頁在任意屏幕中,都是以屏幕寬度*98%的計(jì)算方式來顯示的,這種情況下不會(huì)出現(xiàn)瀏覽器左右留白的現(xiàn)象。缺點(diǎn)在于網(wǎng)頁內(nèi)部的版塊、圖片等寬度也都需要自動(dòng)適應(yīng)網(wǎng)頁寬度,操作起來有一定難度。
網(wǎng)頁標(biāo)題:網(wǎng)站制作中網(wǎng)頁的兼容性和網(wǎng)頁分辨率如何設(shè)置?
瀏覽地址:http://jinyejixie.com/news47/149247.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)