国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

談一談瀏覽器兼容問題

wangzy2019 / 908人閱讀

摘要：瀏覽器兼容問題什么是瀏覽器兼容所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統一的情況。

瀏覽器兼容問題 1、什么是瀏覽器兼容
所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統一的情況。
2、瀏覽器兼容產生的原因
因為不同瀏覽器使用內核及所支持的HTML等網頁語言標準不同；
以及用戶客戶端的環境不同（如分辨率不同）造成的顯示效果不能達到理想效果。
最常見的問題就是網頁元素位置混亂，錯位。
3、瀏覽器兼容問題以及怎么解決
3.1、不同瀏覽器的標簽默認的外補丁和內補丁不同
問題癥狀：隨便寫幾個標簽，不加樣式控制的情況下，各自的margin 和padding差異較大。
解決方案：CSS里 *{margin:0;padding:0;}
3.2、塊屬性標簽float后，又有橫行的margin情況下，在IE6顯示margin比設置的大
問題癥狀:常見癥狀是IE6中后面的一塊被頂到下一行
解決方案：在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性
3.3、設置較小高度標簽（一般小于10px），在IE6，IE7，遨游中高度超出自己設置高度
問題癥狀：IE6、7和遨游里這個標簽的高度不受控制，超出自己設置的高度
解決方案：給超出高度的標簽設置overflow:hidden;或者設置行高line-height 小于你設置的高度。
3.4、行內屬性標簽，設置display:block后采用float布局，又有橫行的margin的情況，IE6間距bug
問題癥狀：IE6里的間距比超過設置的間距
解決方案：在display:block;后面加入display:inline;display:table;
3.5、圖片默認有間距
問題癥狀：幾個img標簽放在一起的時候，有些瀏覽器會有默認的間距，加了問題一中提到的通配符也不起作用。
解決方案：使用float屬性為img布局 （我的一個學生使用負margin，雖然能解決，但負margin本身就是容易引起瀏覽器兼容問題的用法，所以我禁止他們使用）
3.6、標簽最低高度設置min-height不兼容
問題癥狀：因為min-height本身就是一個不兼容的CSS屬性，所以設置min-height時不能很好的被各個瀏覽器兼容
解決方案：如果我們要設置一個標簽的最小高度200px，需要進行的設置為：{min-height:200px; height:auto !important; height:200px; overflow:visible;}
3.7、居中問題
問題癥狀：div里的內容，IE默認為居中，而FF默認為左對齊
解決方案：可以嘗試增加代碼margin: 0 auto;
3.8、margin加倍的問題
問題癥狀：設置為float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。
解決方案：在這個div里面加上 display:inline;
3.9、IE捉迷藏的問題
問題癥狀：當div應用復雜的時候每個欄中又有一些鏈接，這個時候容易發生捉迷藏的問題。 有些內容顯示不出來，當鼠標選擇這個區域是發現內容確實在頁面。
解決辦法：對#layout使用line-height屬性或者給#layout使用固定高和寬。頁面結構盡量簡單。
以上是常見的瀏覽器兼容問題，還有很多，可以自己去網上看！ 4、瀏覽器內核
4.1、Trident（IE內核）
4.2、Gecko(Firefox內核)
4.3、Webkit（谷歌、Safari、360極速瀏覽器以及搜狗高速瀏覽器）
WebKit內核常見的瀏覽器：傲游瀏覽器3、[1] Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機瀏覽器、Android 默認瀏覽器
4.4、Presto(Opera前內核) (已廢棄)
5、seo 搜索引擎優化
很早以前搜索引擎優化百度百度專門給技術人員提供優化方案，是一本白皮書。
搜索引擎工作原理
1、抓取網頁。每個獨立的搜索引擎都有自己的網頁抓取程序爬蟲（spider）。爬蟲Spider順著網頁中的超鏈接，從這個網站爬到另一個網站，通過超鏈接分析連續訪問抓取更多網頁。被抓取的網頁被稱之為網頁快照。由于互聯網中超鏈接的應用很普遍，理論上，從一定范圍的網頁出發，就能搜集到絕大多數的網頁。
2、處理網頁。搜索引擎抓到網頁后，還要做大量的預處理工作，才能提供檢索服務。其中，最重要的就是提取關鍵詞，建立索引庫和索引。其他還包括去除重復網頁、分詞（中文）、判斷網頁類型、分析超鏈接、計算網頁的重要度/豐富度等。
3、提供檢索服務。用戶輸入關鍵詞進行檢索，搜索引擎從索引數據庫中找到匹配該關鍵詞的網頁；為了用戶便于判斷，除了網頁標題和URL外，還會提供一段來自網頁的摘要以及其他信息。
http://www.cnblogs.com/EnSnai...
6、yahoo軍規
14條 http://www.cnblogs.com/Yellow...
35條 http://www.cnblogs.com/xianyu...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85142.html

相關文章

  • 談一談幾種處理JavaScript異步操作的辦法

    摘要：問題是處理完了，卻也引發了自己的一些思考處理的異步操作，都有一些什么方法呢一回調函數傳說中的就是來自回調函數。而回調函數也是最基礎最常用的處理異步操作的辦法。 引言 js的異步操作，已經是一個老生常談的話題，關于這個話題的文章隨便google一下都可以看到一大堆。那么為什么我還要寫這篇東西呢？在最近的工作中，為了編寫一套相對比較復雜的插件，需要處理各種各樣的異步操作。但是為了體積和兼容...

    曹金海 評論0 收藏0

  • 談一談javascript異步

    摘要：從今天開始研究一下的異步相關內容，感興趣的請關注同期異步系列文章推薦異步中的回調異步與異步之異步之異步之和異步之一異步之二異步實戰異步總結歸檔什么是異步我們知道的單線程的，這與它的用途有關。 從今天開始研究一下javascript的異步相關內容，感興趣的請關注 同期異步系列文章推薦javascript異步中的回調javascript異步與promisejavascript異步之Prom...

    Sourcelink 評論0 收藏0

  • 談一談移動端1px的問題

    摘要：今天想寫的問題來自于網易一面的時候，面試官問我如何在移動端的頁面上畫一條的線。上面的結論我在端谷歌瀏覽器的設備模擬器里證實了有效，但是安卓和真機并沒有試過。 起因 最近一個月都在準備校招，所以沒什么時間寫博客。今天想寫的問題來自于網易一面的時候，面試官問我如何在移動端的頁面上畫一條1px的線。這個問題我模糊地記得之前看過相關文章，但是我清楚地記得當時自己腦子一片空白。是的，一面掛了，但...

    qianfeng 評論0 收藏0

  • 來，讓我們談一談Normalize.css

    摘要：相比于傳統的，是一種現代的為準備的優質替代方案。保護了有價值的默認值通過為幾乎所有的元素施加默認樣式，強行使得元素有相同的視覺效果。當一個元素在不同的瀏覽器中有不同的默認值時，會力求讓這些樣式保持一致并盡可能與現代標準相符合。 本文譯自 http://nicolasgallagher.com/about-normalize-css/ 最初發布于我的博客：http://jerr...

    _Zhao 評論0 收藏0

  • iframe,我們來談一談

    摘要：通常我們可以在后配置各種指定資源路徑，有如果你未指定的話，則是使用規定的加載策略默認配置就是同域這里和有一點瓜葛的就是和就是用來指定的有效加載路徑。 某大咖說: iframe是能耗最高的一個元素，請盡量減少使用某大牛說: iframe安全性太差，請盡量減少使用...wtf, 你們知不知道你們這樣澆滅了多少孩紙學習iframe的熱情和決心。 雖然，你們這樣說的我竟無法反駁，但是ifram...

    awesome23 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<