網站建設知識企業(yè)官網定制開發(fā),擁有網站建設制作的豐富經驗,為企業(yè)提供高質量的網站建設服務
作者:鵬飛網絡 時間:2014-9-9 分類:網站建設知識
什么是網頁100%自動適應所有瀏覽器?
其實這句話所說意思就是讓網頁在任何電腦的瀏覽器上打開,都是100%滿屏顯示,html代碼會自動調整網頁寬度。
如何制作?
很簡單,只需要在制作網頁的時候把各個版塊設置寬度的位置都使用百分比,而不是使用固定的值。
例:width:1000px; 改成 width:100%;
自動適應所有瀏覽器的優(yōu)缺點?
優(yōu)點:現在的瀏覽器從原來的800*600已經發(fā)展到了1900*1600以上,比最初的顯示區(qū)域大了一倍不止,如果照固定的寬度來設置網頁,設置小了在大的顯示器上會留著很多的空白,寬度值設置大了會在小的顯示器上有左右滾動條,無論這兩點哪一點都會導致網頁看著不太舒服,但使用百分比設置的網頁就會在所有瀏覽器上都是滿屏顯示,不會出現這種問題。
缺點:因為排版設置的100%比,而內容區(qū)又是從數據庫調用的,屬于動態(tài)的,在不同大小的瀏覽器上顯示的效果會不相同,即使經驗豐富的網頁設計人員也沒辦法完美控制在所有顯示器上顯示相同效果。
例:網頁上產品展示區(qū)域圖片列表一共顯示10個,在在900寬左右的顯示器上,每行顯示五個,一共兩行,但在1900寬的顯示器上就可能只顯示一行。這只是標準顯示,也有可能會造成同樣顯示兩行,只不過頭一行顯示8個,第二行顯示兩個(這種情況下,同樣會造成網頁很難看)。
注:一般我們不建議網頁制作成100%自動適應的,因為這樣會有很多不可控性因素在里面,所以現在大多數網站一般還是標準的1000寬度設置的網頁。北京網站建設鵬飛網絡有著經驗豐富的網頁設計師,可以完美的為您提供網頁設計服務。