網(wǎng)站建設(shè)知識(shí)企業(yè)官網(wǎng)定制開發(fā),擁有網(wǎng)站建設(shè)制作的豐富經(jīng)驗(yàn),為企業(yè)提供高質(zhì)量的網(wǎng)站建設(shè)服務(wù)

當(dāng)前位置:首頁(yè) > 網(wǎng)站建設(shè)知識(shí) > 如何讓制作的網(wǎng)頁(yè)100%自動(dòng)適應(yīng)所有瀏覽器
北京網(wǎng)站制作 網(wǎng)站建設(shè)公司 網(wǎng)站搭建 網(wǎng)站制作公司 企業(yè)建站 網(wǎng)站設(shè)計(jì)公司 網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì) 北京網(wǎng)站設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)公司 常見問題 高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 品牌網(wǎng)站建設(shè) 網(wǎng)頁(yè)設(shè)計(jì)模板 網(wǎng)頁(yè)設(shè)計(jì)與制作 網(wǎng)站建設(shè)多少錢 網(wǎng)站設(shè)計(jì)與制作 網(wǎng)站建設(shè)費(fèi)用 做網(wǎng)站 做網(wǎng)站公司 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)方案 網(wǎng)站建設(shè)制作 北京網(wǎng)站建設(shè) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)站建設(shè)優(yōu)化 網(wǎng)站建設(shè)空間 建設(shè)網(wǎng)站 制作網(wǎng)站 設(shè)計(jì)網(wǎng)站 開發(fā)網(wǎng)站 網(wǎng)站建設(shè)開發(fā) 網(wǎng)站開發(fā)公司 網(wǎng)頁(yè)制作 搭建網(wǎng)站 網(wǎng)站設(shè)計(jì)制作 網(wǎng)站設(shè)計(jì)費(fèi)用 企業(yè)網(wǎng)站設(shè)計(jì) 公司網(wǎng)站建設(shè) 公司網(wǎng)站設(shè)計(jì) 公司網(wǎng)站制作 企業(yè)做網(wǎng)站 網(wǎng)站設(shè)計(jì)與開發(fā) 網(wǎng)站建設(shè)備案

如何讓制作的網(wǎng)頁(yè)100%自動(dòng)適應(yīng)所有瀏覽器

作者:鵬飛網(wǎng)絡(luò)   時(shí)間:2014-9-9   分類:網(wǎng)站建設(shè)知識(shí)

什么是網(wǎng)頁(yè)100%自動(dòng)適應(yīng)所有瀏覽器?
其實(shí)這句話所說(shuō)意思就是讓網(wǎng)頁(yè)在任何電腦的瀏覽器上打開,都是100%滿屏顯示,html代碼會(huì)自動(dòng)調(diào)整網(wǎng)頁(yè)寬度。

如何制作?
很簡(jiǎn)單,只需要在制作網(wǎng)頁(yè)的時(shí)候把各個(gè)版塊設(shè)置寬度的位置都使用百分比,而不是使用固定的值。
例:width:1000px; 改成 width:100%;

自動(dòng)適應(yīng)所有瀏覽器的優(yōu)缺點(diǎn)?
優(yōu)點(diǎn):
現(xiàn)在的瀏覽器從原來(lái)的800*600已經(jīng)發(fā)展到了1900*1600以上,比最初的顯示區(qū)域大了一倍不止,如果照固定的寬度來(lái)設(shè)置網(wǎng)頁(yè),設(shè)置小了在大的顯示器上會(huì)留著很多的空白,寬度值設(shè)置大了會(huì)在小的顯示器上有左右滾動(dòng)條,無(wú)論這兩點(diǎn)哪一點(diǎn)都會(huì)導(dǎo)致網(wǎng)頁(yè)看著不太舒服,但使用百分比設(shè)置的網(wǎng)頁(yè)就會(huì)在所有瀏覽器上都是滿屏顯示,不會(huì)出現(xiàn)這種問題。

缺點(diǎn):因?yàn)榕虐嬖O(shè)置的100%比,而內(nèi)容區(qū)又是從數(shù)據(jù)庫(kù)調(diào)用的,屬于動(dòng)態(tài)的,在不同大小的瀏覽器上顯示的效果會(huì)不相同,即使經(jīng)驗(yàn)豐富的網(wǎng)頁(yè)設(shè)計(jì)人員也沒辦法完美控制在所有顯示器上顯示相同效果。
例:網(wǎng)頁(yè)上產(chǎn)品展示區(qū)域圖片列表一共顯示10個(gè),在在900寬左右的顯示器上,每行顯示五個(gè),一共兩行,但在1900寬的顯示器上就可能只顯示一行。這只是標(biāo)準(zhǔn)顯示,也有可能會(huì)造成同樣顯示兩行,只不過(guò)頭一行顯示8個(gè),第二行顯示兩個(gè)(這種情況下,同樣會(huì)造成網(wǎng)頁(yè)很難看)。

注:一般我們不建議網(wǎng)頁(yè)制作成100%自動(dòng)適應(yīng)的,因?yàn)檫@樣會(huì)有很多不可控性因素在里面,所以現(xiàn)在大多數(shù)網(wǎng)站一般還是標(biāo)準(zhǔn)的1000寬度設(shè)置的網(wǎng)頁(yè)。北京網(wǎng)站建設(shè)鵬飛網(wǎng)絡(luò)有著經(jīng)驗(yàn)豐富的網(wǎng)頁(yè)設(shè)計(jì)師,可以完美的為您提供網(wǎng)頁(yè)設(shè)計(jì)服務(wù)。