如何使網頁自動適應所有瀏覽器
2019-10-17 11:20:41
2499
什么是網頁自動適應所有瀏覽器？
實際上，這句話的意思是讓網頁在任何電腦瀏覽器上打開，是全屏顯示，html代碼會自動調整頁面的寬度。
那么如何制作呢？
簡單地說，只需要在創(chuàng)建網頁時使用百分比來設置每個頁面的寬度，而不是使用固定值。
例如：更改寬度：1000 px；改為寬度：100個百分點；
自動適應所有瀏覽器的優(yōu)點和缺點？
優(yōu)點：現在瀏覽器已經從800*600發(fā)展到1900*1600以上，是原來顯示區(qū)域的一倍多。如果你按照固定的寬度設置網頁，按照固定的寬度設置頁面，大屏幕上會有大量的空白，如果設置了寬度值，小顯示器上就會出現一個左右滾動條，無論這兩個點的哪個點會使網頁看起來不舒服。但是，帶有百分比設置的網頁將在所有瀏覽器上全屏顯示，并且不會出現這個問題。
缺點：由于排版率為100個百分點，而且內容區(qū)是從數據庫中調用的，動態(tài)的，在不同大小的瀏覽器中都會顯示不同的效果，即使是經驗豐富的網頁設計師也不能完美地控制在所有顯示器上的顯示效果。
示例：網頁上產品顯示區(qū)域中的圖片列表總共顯示10條。在寬度約900的顯示器上，每行有五幅圖片，共兩行，但只有一行可以顯示在寬度為1900的顯示器上。這只是一種標準顯示，有可能導致兩行的顯示相同，但首行顯示八行，第二行顯示兩行(在這種情況下，頁面也很難看)。
惟明科技為您介紹新的網站制作、網站推廣知識，如果您有任何問題，可撥打電話：18134378886、0317-6968999或者訪問官方網站：http://hbwmxx.com/