返回首頁 | 關于我們 | 作品展示 | 網站建設 | 網站優化 | 網站策劃 | 解決方案 | 聯系我們 | 在線留言 | 需求提交
   


您當前的位置是:首頁 > 網站建設 > 做網站之各種兼容性及影響速度問題
網站建設知識
域名空間
網站建設
網頁設計
網站推廣
最新文章
偽靜態網站對網站優化的好處
域名備案正確拍照示例
網站備案的流程、網站備案需要哪些資料?
網站到底要不要開啟https?
打造高質量的網站
好好建站網告訴您---北京做網站多少錢?
如何辦理經營性備案?
北京公司如何選擇公司網站域名?
Kindeditor 單獨調用單張圖上傳增加預覽
解析北京做網站注意事項
關于阿里云域名實名認證公告
北京做網站哪家強?這里有你想要的網站優化秘籍
企業為什么要做網站?
響應式網站設計圖片處理7個技巧
為什么網站做得不好的原因?
網站被百度降權之后應該怎么辦
分析競爭對手網站來做網站優化
關鍵詞突然降到100名以外的原因分析
做網站時關鍵詞優化的技巧
seo入門的基本技巧
 

做網站之各種兼容性及影響速度問題

發布時間: 2013-4-18 9:18:58
  通常技術人員在寫網頁的時候會遇到很多瀏覽器的兼容性問題及其他各種網頁加載速度問題等,這也是讓技術人員最頭疼的問題,通常會有以下的情況:
  
  一、margin加倍問題,如果給一個塊級元素同時加了float:left和margin-left,會產生margin加倍問題,解決方法是給其加display:inline;
  
  二、IE6中會產生3px問題:兩個浮動的塊級元素,左邊的加了float,右邊的沒有加,那么在IE6中就會產生3px問題,解決方法就是給右邊的也加上浮動;
  
  三、父級無法自動擴高,內層容器有浮動。Overflow:hidden;zoom:1(兼容ie6);給父級加float
  
  四、Ie6無法定義小于18px高度的容器,在IE6中不能定義小于18像素高度的容器,解決方法是給其加overflow:hidden;
  
  五、讓容器水平排列:都設float,父級寬度是否足夠,嵌套
  
  六、滑動門:給a加display:block并且加高,給a加float。
  
  七、Label不寫for,ie6無法聚焦
  
  八、對整個塊做超鏈接,只給a加display:block在ie6中無法實現,必須加寬高,或者不加寬高加padding
  
  九、圖片或embed出現空隙,給其加display:block或float:left。
  
  十、濾鏡的一些東西不要去用:IE的一些濾鏡在FIREFOX中不支持,往往寫一些效果時你還是使用CSSHACK;而濾鏡是一個非常毫資源的東西;特別是一些羽化、陰影和一個前透明的效果;
  
  十一、一個頁面上少用絕對定位:絕對定位(position:absolute)是網頁布局中很常用到的,特別是作一些浮動效果時,也會讓頁面看起來非常的酷。但網頁中如果使用過多的絕對定位,會讓你的網頁變得非常的慢,這一點上邊FIREFOX表現要比IE還要差。解決方法是:盡可能少用,這個少用的值是多少,也沒有一個非常好的值來說明;還要看絕定定位這個標簽里邊的內容的多少;在這里我只能說,這樣寫會有性能問題,少用或者如果能用變通實現同樣的效果,就用變通的辦法。
  
  十二、background背景圖片的平鋪:有些網頁的背景或頁面中某塊的背景通常要用到圖片的平鋪,平鋪后就會有平鋪次數的問題,如果是單次還好,如果是多次,就廢了。建議的操作方法是:色彩少的圖片要做成gif圖片或者平鋪的圖片盡可能大一些,如果是色彩少的GIF圖片,圖片大一些,實際大小也不會大多少;背景圖片請盡可能使用sprite技術,減小http請求,考慮到多人協作開發,sprite按模塊制作;
  
  十三、讓屬性盡可能多的去繼承:盡可能讓一些屬性子可以繼承父,而不是覆蓋父
  
  十四、CSS的路徑別太深;
  
  十五、能簡寫的一些就簡寫:例如#zishu{pading-top:10px;padding-right:50px;padding-left:50px;padding-bottom:4px;}改成:#zishu{padding:10px50px4px50px}
  
  十六、別放空的的class或沒有的class在HTML代碼中。
  
  十七、float的應用:這個東西我的感覺是如果使用不當,百分百有性能問題,而且還非常的大,但實在不知道怎么樣能弄一個例子出來;這里只能建議大家如果不是很明白float是怎么工作的,還是少使用為妙。

文章出自:北京做網站公司-好好建站網 http://www.lyral.tw 如轉載請注明出處!
上一篇:北京做網站哪家好?北京做網站公司找好好建站
下一篇:北京做網站經驗總結
捕鱼大富翁手机版 2508501753492666637854471553331547982957810351582984801385107552790785619752172184265277943137399316 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();