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

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

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

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

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

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

分享題目：如何讓制作的網(wǎng)頁100%自動(dòng)適應(yīng)所有瀏覽器
網(wǎng)站路徑：http://www.muchs.cn/news9/113809.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站導(dǎo)航、動(dòng)態(tài)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)