IE11的padding及h5驗證問題

2021-08-07 04:49:47 字數 756 閱讀 7774

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 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項,通過點選新增到製作介面,控制項的選擇使用按照你...