移動端填坑

2022-07-08 15:51:25 字數 1038 閱讀 3409

1、0.5px邊框或者0.5px高度在安卓手機下不顯示問題

.item-gap 

}

2、display:inline-block不僅左右會有無法測量的間距,上下也會有,會影響文字3、直接在外面加1px的淺顏色邊框時,視覺上和邊框之間會有一條白線

把乙個帶邊框的透明層放到上,這樣當時是乙個有留白的時候是可以看到邊框的,當是乙個填充色時幾乎就看不到邊框了

}4、svg 當使用use方式引入時,不要在symbol標籤上加width,height屬性,因為此時如果再配合viewbox屬性使用變會使這個屬性在一些機器上如vivo失效5、從input切換到乙個從下面出現的浮層時,為了避免浮層被鍵盤頂上去,讓浮層延時500毫秒後彈出6、當頁面上需要填寫的資訊過多是,下面的input撥出鍵盤時在安卓手機上會被鍵盤擋住並且不可滾動解決方案:讓這個頁面可滾動,並且在input的click事件上延時500毫秒後讓這個元素滾動到可視區域。

注意:只能在click事件上不能在focus事件上,因為使用者點選鍵盤上的收起鍵盤並不是讓input失焦,延時是為了等鍵盤彈出後再計算可視空間的大小

7、setinterval 在手機端應用收到後台時會停止計時

移動web開發填坑(一)

上週開始接觸移動web開發,默默的掉進了很多坑裡面。本文主要總結本週遇到的坑以及如何填坑。1 px與rem換算。設計稿的寬度一般是640px,而iphone是320px,所以測量設計稿的結果首先要除2,這時的單位還是px,下一步要轉換成rem,怎麼轉換呢?得看根節點怎麼設定的。首先,任意瀏覽器的預設...

移動端的那些坑

首先我們來看乙個結構 div class header div div class main div div class footer textarea textarea div 其實就是最基本的上中下布局而已,問題是header和footer需要分別fixed到頭部和底部。遇到的都知道在ios的s...

MySQL坑與填坑

錯誤 1064 錯誤 1215 原因 資料型別不同 錯誤 1630 去掉函式名和 間的空格 check 關鍵字無效 使用列舉或觸發器 特定字串約束 使用列舉 課程性質 char 10 constraint c5 check 課程性質in 公共基礎 專業基礎 專業選修 任意選修 課程性質 enum 公...