如何讓制作的網頁100%自動适應所有浏覽器呢?

2019-12-03| 發(fā)布者:雲創科技| 查看: 216|

       濰坊網站制作如何讓制作的網頁100%自動适應所有浏覽器呢?接下來濰坊網站制作就(jiù)和大家一起(qǐ)分析一下:
 
       什麼(me)是網頁100%自動适應所有浏覽器?其實這(zhè)句話所說(shuō)意思就(jiù)是讓網頁在任何電腦的浏覽器上打開(kāi),都(dōu)是100%滿屏顯示,html代碼會(huì)自動調整網頁寬度。
 
       如何制作?很簡單,隻需要在制作網頁的時(shí)候把各個版塊設置寬度的位置都(dōu)使用百分比,而不是使用固定的值。例:width:1000px; 改成(chéng) width:100%。
 
       自動适應所有浏覽器的優缺點?

       優點:現在的浏覽器從原來的800*600已經(jīng)發(fā)展到了1900*1600以上,比最初的顯示區域大了一倍不止,如果照固定的寬度來設置網頁,設置小了在大的顯示器上會(huì)留著(zhe)很多的空白,寬度值設置大了會(huì)在小的顯示器上有左右滾動條,無論這(zhè)兩(liǎng)點哪一點都(dōu)會(huì)導緻網頁看著(zhe)不太舒服,但使用百分比設置的網頁就(jiù)會(huì)在所有浏覽器上都(dōu)是滿屏顯示,不會(huì)出現這(zhè)種(zhǒng)問題。
 
       缺點:因爲排版設置的100%比,而内容區又是從數據庫調用的,屬于動态的,在不同大小的浏覽器上顯示的效果會(huì)不相同,即使經(jīng)驗豐富的網頁設計人員也沒(méi)辦法完美控制在所有顯示器上顯示相同效果。例:網頁上産品展示區域圖片列表一共顯示10個,在在900寬左右的顯示器上,每行顯示五個,一共兩(liǎng)行,但在1900寬的顯示器上就(jiù)可能(néng)隻顯示一行。這(zhè)隻是标準顯示,也有可能(néng)會(huì)造成(chéng)同樣顯示兩(liǎng)行,隻不過(guò)頭一行顯示8個,第二行顯示兩(liǎng)個(這(zhè)種(zhǒng)情況下,同樣會(huì)造成(chéng)網頁很難看)。
 
      注:濰坊網站制作有著(zhe)經(jīng)驗豐富的網頁設計師,可以完美的爲您提供網頁設計服務。
      服務熱線:150 5367 3285     
      客服Q Q :1453005097
      網址:www.wfyckj.com
 
QQ在線咨詢
售前咨詢熱線
1453005097
售後(hòu)服務熱線
1453005097
返回頂部