ie11瀏覽器很多預設的樣式跟別的瀏覽器不同,而且最明顯的一點應該是
padding
左右內邊距往往比別的瀏覽器大了一倍。
當需要修改的時候時,改變原有的
padding
值在ie11
生效了,那別的瀏覽器又有問題了。
解決方法一:
在css
樣式檔案中加乙個
@media screenand(-ms-high-contrast:active),(-ms-high-contrast:none)。
比如,在
chrome
瀏覽器中給乙個
div設定樣式
div那麼,在
ie11
中想要實現上面效果,需要在這個下面再新增一行樣式
div@media screenand(-ms-high-contrast:active),(-ms-high-contrast:none) }
注:ie11
的樣式要寫在最後面防止被覆蓋。
解決方法二:
*
其他:
ie11-h5表單驗證,驗證失敗後input會出現紅色框。針對該input新增屬性 input,即可去掉紅的邊框。
萬惡的ie 還好只是ie11
ie 11 相容性問題 主要體現於以下兩點 1.布局錯亂2.promise等es6新特性不支援,需要babel polyfill 以下 是只會在ie 11中執行 css hack 方法,針對不同版本的可以在網上進行搜尋 media screen and ms high contrast active...
H5及H5 app對iphoneX及以上適配
本文主要介紹對iphonex及以上適配。提供css和js的適配方式。一 設定網頁在可視視窗的布局方式注 viewport fit cover使得頁面內容完全覆蓋整個視窗 二 頁面主體內容限定在安全區域內body注 只有設定了viewport fit cover,才能使用env env 跟consta...
H5及H5頁面是什麼意思?如何製作H5頁面?
h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點 首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項,通過點選新增到製作介面,控制項的選擇使用按照你...