2021-05-16 分類: 網(wǎng)站建設(shè)
什么是網(wǎng)頁100%自動適應(yīng)所有瀏覽器?
其實這句話所說意思就是讓網(wǎng)頁在任何電腦的瀏覽器上打開,都是100%滿屏顯示,html代碼會自動調(diào)整網(wǎng)頁寬度。
如何制作?
很簡單,只需要在制作網(wǎng)頁的時候把各個版塊設(shè)置寬度的位置都使用百分比,而不是使用固定的值。
例:width:1000px; 改成 width:100%;
自動適應(yīng)所有瀏覽器的優(yōu)缺點?
優(yōu)點:現(xiàn)在的瀏覽器從原來的800*600已經(jīng)發(fā)展到了1900*1600以上,比最初的顯示區(qū)域大了一倍不止,如果照固定的寬度來設(shè)置網(wǎng)頁,設(shè)置小了在大的顯示器上會留著很多的空白,寬度值設(shè)置大了會在小的顯示器上有左右滾動條,無論這兩點哪一點都會導(dǎo)致網(wǎng)頁看著不太舒服,但使用百分比設(shè)置的網(wǎng)頁就會在所有瀏覽器上都是滿屏顯示,不會出現(xiàn)這種問題。
缺點:因為排版設(shè)置的100%比,而內(nèi)容區(qū)又是從數(shù)據(jù)庫調(diào)用的,屬于動態(tài)的,在不同大小的瀏覽器上顯示的效果會不相同,即使經(jīng)驗豐富的網(wǎng)頁設(shè)計人員也沒辦法好控制在所有顯示器上顯示相同效果。
例:網(wǎng)頁上產(chǎn)品展示區(qū)域圖片列表一共顯示10個,在在900寬左右的顯示器上,每行顯示五個,一共兩行,但在1900寬的顯示器上就可能只顯示一行。這只是標(biāo)準(zhǔn)顯示,也有可能會造成同樣顯示兩行,只不過頭一行顯示8個,第二行顯示兩個(這種情況下,同樣會造成網(wǎng)頁很難看)。
注:一般我們不建議網(wǎng)頁制作成100%自動適應(yīng)的,因為這樣會有很多不可控性因素在里面,所以現(xiàn)在大多數(shù)網(wǎng)站一般還是標(biāo)準(zhǔn)的1000寬度設(shè)置的網(wǎng)頁。南充網(wǎng)站建設(shè)創(chuàng)新互聯(lián)有著經(jīng)驗豐富的網(wǎng)頁設(shè)計師,可以好的為您提供網(wǎng)頁設(shè)計服務(wù)。
分享題目:如何讓制作的網(wǎng)頁100%自動適應(yīng)所有瀏覽器
網(wǎng)站路徑:http://www.rwnh.cn/news9/113809.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、網(wǎng)站導(dǎo)航、動態(tài)網(wǎng)站、移動網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容