美女脱光衣服的视频网站-亚洲欧洲日本在线色-国产又粗又猛又爽又黄的aa-日韩精品人妻一区二区在线看-青春草在线精品视频-色哟哟成人天堂av在线观看-日本不卡码一区二区三区-日本视频一二区三区-在线免费观看日本网址

適應不同的瀏覽器的網(wǎng)頁設(shè)計方法

2016-06-03 10:33:51 欄目:益眾動態(tài) 查看(3327 )

       瀏覽器的格局現(xiàn)在是兩分天下,一分是IE,另一分是NetScape,在國內(nèi)Ie有絕對的占有率,在這種情況下我們設(shè)計的網(wǎng)頁只要兼容它就行了,但NetScape在國外還是有很多人使用,畢竟它是瀏覽器的元老。


  雖然沒有辦法做出讓所有瀏覽器都兼容的網(wǎng)站,但只要注意以下幾點,做出來的網(wǎng)頁在各個瀏覽器都中能達到比較好的顯示效果:


  不要混合使用層和表格排版,如果是父子關(guān)系,如層中表格,不在此原則范圍內(nèi)。


  內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題,使用鏈式或內(nèi)嵌式。


  有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。


  對于只有幾個像素寬度或高度的層,改用圖片來實現(xiàn)。


  避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。



第二種方法:做兩個適合不同分辨率的頁面,一個是800×600,一個是1024×768,在800×600的頁面中加入一下代碼就可以實現(xiàn)跳轉(zhuǎn)了:



   解決分辨率問題在Dreamweaver中沒有此項功能,我們只能手動加入一段Javascript代碼。首先在change-ie.html或change-nc.html頁面代碼中的< head>和< /head>中加入以下代碼:





   < script language=JavaScript>  

   < !--

   function redirectPage(){  

   var url800x600=〃index-ie.html〃; //定義兩個頁面,此處假設(shè)index-ex.html和1024-ie.html同change-ie.html在同一個目錄下  

   var url1024x768=〃1024-ie.html〃;  

   if ((screen.width==800) && (screen.height==600)) //在此處添加screen.width、screen.height的值可以檢測更多的分辨率  

   window.location.href= url800x600;  

   else if ((screen.width==1024) && (screen.height==768))  

   window.location.href=url1024x768;  

   else window.location.href=url800x600;  

   }  

   // -->  

   < /script>

   然后再在< body…>內(nèi)加入onLoad=〃redirectPage()〃

   最后,同樣地,在< body>和< /body>之間加入以下代碼來顯示網(wǎng)頁的工作信息:



   < script language=JavaScript>  

   < !--

   var w=screen.width  

   var h=screen.height  

   document.write(〃系統(tǒng)已檢測到您的分辨率為:〃);  

   document.write(〃< font size=3 color=red>〃);  

   document.write(w+〃×〃+h);  

   document.write(〃< /font>〃);  

   document.write(〃正在進入頁面轉(zhuǎn)換,請稍候…〃);  

   // -->  

   < /script>

與我們的項目經(jīng)理聯(lián)系
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流

轉(zhuǎn)載請注明出處:適應不同的瀏覽器的網(wǎng)頁設(shè)計方法 - 益眾網(wǎng)絡
分享:
標簽: