移動端Web開發,ios下 input為圓角

2022-02-18 02:47:49 字數 525 閱讀 4806

在處理input的問題時,一般不想要input的原來的樣式,一般就直接處理

border: none;

outline: none;

background: transparent;

這樣之後,一般就可以解決,

後來同事一測(ios),就告訴我,input是圓角,且有一條線,

如下圖這是怎麼回事呢,馬上查資料,

有說這樣的

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

改完之後,沒有變化

然後又改input的寬高,還是無果

然後,突然看到,有人說,加一句

border-radius: 0;
恩,貌似可以試一下,果然,神奇的解決了,可是我納悶的是,解決圓角問題也就算了,為什麼還能解決線的問題,還在思考,但是記住了乙個知識點!!!

移動端web開發

viewport content width device width,user scalable no,initial scale 1.0,maximum scale 1.0,minimum scale 1.0 width 設定視口寬度 initial scale 初始化縮放比,大於0的數字 ma...

移動端Web開發

移動端web開發與pc端的web開發有尺寸上的不同,手機螢幕大小有很多種,因此尺寸方面有些要注意的。1.字型 採用js動態設定字型大小的方法 思路如下 螢幕寬度 640px,則font size 100px 螢幕寬度 640px,則font size 100 寬度 640px 字型單位為rem 在b...

移動端web開發

互動優化 1px dpr dpr dp viewport使手機瀏覽器先排版正確再縮放 移動web最佳設定 viewport content width device width,initial scale 1,user scalable no 相容性問題根據html的font size,基值設dev...