<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        遇到的瀏覽器兼容問題及應對方法

        來源:懂視網 責編:小采 時間:2020-11-27 16:41:00
        文檔

        遇到的瀏覽器兼容問題及應對方法

        遇到的瀏覽器兼容問題及應對方法:前言: 上周天的時候有個學長找我幫忙做三張頁面,因為沒有數據交換之類的,只是單純的前端頁面,想著好久沒做東西, 看書都看煩了,所以就接了也當是練手。之前因為沒有系統的看書,所以其實很多問題都考慮的不全面,屬于知其然不知其所以然的狀態,雖然現在
        推薦度:
        導讀遇到的瀏覽器兼容問題及應對方法:前言: 上周天的時候有個學長找我幫忙做三張頁面,因為沒有數據交換之類的,只是單純的前端頁面,想著好久沒做東西, 看書都看煩了,所以就接了也當是練手。之前因為沒有系統的看書,所以其實很多問題都考慮的不全面,屬于知其然不知其所以然的狀態,雖然現在
        前言:

        上周天的時候有個學長找我幫忙做三張頁面,因為沒有數據交換之類的,只是單純的前端頁面,想著好久沒做東西, 看書都看煩了,所以就接了也當是練手。之前因為沒有系統的看書,所以其實很多問題都考慮的不全面,屬于知其然不知其所以然的狀態,雖然現在也還有很多要學的東西,但是知道自己的不足總比不知道強吧?而且這也算是一種進步?總之,遇到各種問題,然后我發現問題主要分為兩類,一:我自己知識點不夠所以不知道怎么解決的,這種問題大多求問度娘或者問大神是可以搞定的;二:屬于確實是現階段技術存在漏洞的,不論是還沒能實現的、實現了但存在歧義或沖突的皆在此列。而就我這次做的頁面我遇到最大的問題就是瀏覽器兼容性的問題,有了解決方法的就在此和大家分享,希望能夠拋磚引玉,我也能學到更多的知識,謝謝。

        正文:

        1.遇到問題:當前瀏覽器為ie7及以下版本

         解決思路:用一個div覆蓋,讓用戶不能看到正常頁面呈現的內容

         實現方法:將正常是顯示內容的div的display屬性設置為none,將覆蓋div的display屬性設置為block(PS:在其中可以加入瀏覽器下載鏈接,讓用戶盡快正常瀏覽頁面)

        2.遇到問題:ie8中不能實現圓角,因為ie8不能很好的支持css3

         解決思路:下載PIE使得ie8支持css3中的圓角

         實現方法:這里的實現方法就不細說了,下載然后“behavior: url(path/PIE.htc);”把路徑更改了就能夠訪問了,說一下需要注意的幾點問題:

              (1)這個引用一定要放在html文件里面,而且路徑也是相對于引用的html文件而言的,放在css文件里面不會有效果

              (2)如果發現引用成功之后,需要圓角的對象消失了,不要方,去洗個澡出來就好了,親測

                開玩笑的,我確實去洗了個澡但是并沒有出現,所以代碼出現BUG什么的,求神拜佛到底是沒用啊(攤手),從頭調了一遍,又去百度了一下,發現問題了,是因為z-index的緣故,但只        設置一個z-index沒有效果,哦~原來它的position屬性不能是static即默認值,ok,設置position為relative就ok啦,完美的圓角在ie8就實現啦~(在此我真誠的感謝寫出PIE的工程師        們確實是因為你們的努力才讓我如此輕松的實現了我想要的效果,康桑阿米達~)

        3.遇到問題:依然是ie8,不能支持css3中的@media screen and (....)實現響應式布局

         解決思路:沒辦法,誰讓它是磨人的小妖精呢?(聳肩)單獨寫一個js文件獲取屏幕寬度,然后再分別添加對應樣式

         實現方法:“

        4.遇到問題:在ie11之前的版本,如果在標簽中,則會出現奇怪的藍色邊框

         實現方法:給加一個“border:0;”絕對立竿見影

        5.遇到問題:因為是前臺首頁,所以寫了圖片滾動,ie10以下圖片莫名出現多余空隙

         實現方法:給加一句“display:block;”效果卓越

        6.遇到問題:豎向顯示的文字用了“writing-mode:tb-rl;”但是在去朋友的電腦上調時發現居然在我心愛的FF上沒效果,不可能啊???然后發現是因為FF4及以下版本沒有實現這個屬性,這個屬性最初是      由ie想出來的(老實說,我當時有點意外呢,畢竟ie在我心中是個孤僻的天才,屬于自己搞點小發明但是都屬于破壞向的,所以居然這么好用的屬性是被ie想出來的,而且FF居然要到了后來才      實現,不得不說對于我是挺意外的)

         解決思路:沒法,有問題就得想辦法解決,那就只能一句一句的用ul li嵌套,然后向右浮動,設置定寬來實現了(老實說在用過writing-mode后這個方法很傻而且效果不好)

         實現方法:思路說了,那就直接上代碼。

        //html部分
        //這里的
        是為了讓標點也能夠重起一行
      1. 天氣真好
        ,天氣真好
      2. 天氣真好
      3. 天氣真好
        ,天氣真好
      4. 天氣真好
        ?天氣真好
      5. 天氣真好

      6. //css部分
        ul{ width: 6em;//em是一個相對單位,比px更好,1em = font-size的大小(如果沒有設置font-size則由繼承值決定) overflow: hidden;//保證布局不會崩掉 list-style: none;//把默認樣式去除 } ul li{ float: right;//實現從右向左布局 width: 1em;//定寬保證只顯示一個字 margin-left: 0.2em;//保證每個li包含的內容之間有一定的間隔,能夠看清楚 word-break:break-word;//告訴瀏覽器每個字后自動換行 }

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        遇到的瀏覽器兼容問題及應對方法

        遇到的瀏覽器兼容問題及應對方法:前言: 上周天的時候有個學長找我幫忙做三張頁面,因為沒有數據交換之類的,只是單純的前端頁面,想著好久沒做東西, 看書都看煩了,所以就接了也當是練手。之前因為沒有系統的看書,所以其實很多問題都考慮的不全面,屬于知其然不知其所以然的狀態,雖然現在
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚欧色视频在线观看免费| 国产在线精品免费aaa片| 日本XXX黄区免费看| 亚洲国产av一区二区三区丶| 亚洲黄色免费网站| 亚洲国产最大av| 毛片高清视频在线看免费观看| 亚洲制服丝袜第一页| 好大好深好猛好爽视频免费| 久久久亚洲精华液精华液精华液 | 久久久精品午夜免费不卡| 亚洲人成网77777色在线播放| 在线观看免费视频网站色| 亚洲AV无码专区国产乱码4SE| 在线人成免费视频69国产 | 亚洲人成电影网站| 日韩黄色免费观看| 72pao国产成视频永久免费| 亚洲国产成人片在线观看无码 | 亚洲AV无码专区亚洲AV桃| 日本中文一区二区三区亚洲| 拍拍拍无挡免费视频网站| 亚洲一区二区在线免费观看| 歪歪漫画在线观看官网免费阅读| 亚洲国产精品无码久久98| 亚洲女同成人AⅤ人片在线观看 | 亚洲日本在线电影| 亚洲第一区精品日韩在线播放| 成人无码区免费A∨直播| 亚洲人成综合在线播放| 免费乱码中文字幕网站| 一级毛片免费观看| 亚洲高清国产拍精品熟女| 亚洲香蕉网久久综合影视| 国产精品久久永久免费| 老妇激情毛片免费| 亚洲综合一区二区| 亚洲精品麻豆av| 黄色网址免费观看| 一个人看的www视频免费在线观看| 亚洲自偷自偷精品|