前端移動開發之安卓下存在的問題

2022-03-06 14:59:10 字數 1105 閱讀 2503

一、點選input,textarea,select等表單類元素,出現乙個多餘文字視窗

解決辦法:

input,textarea,select{

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

-webkit-user-modify: read-write-plaintext-only; 

注:-webkit-user-modify影響密碼框,密碼框顯示明文,所以單獨使用。

二:滾動條設定問題

通過overflow:scroll可以使內容可以滾動,但是沒有物理彈性,比較生硬,沒有滾動條。如果想要ios那種彈性的滾動效果可以使用css

-webkit-overflow-scrolling:touch;
但是加上這個css後會產生滾動條(通常不顯示,滾動才顯示)

三、設定select寬、高無效

描述:在安卓下select下拉框高度只會自適應於字型大小,預設帶有圓角,特別醜。

解決方法:

font-size:xrem; 

通過設定字型,單位為rem可以解決高度無法撐開的問題。

但是對於預設的圓角,暫時是通過透明化select,用假標籤替代selset,選擇後下拉項後通過賦值給假標籤來達到選擇的效果。

四、translate在三星下閃動問題

解決方法:

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

-ms-backface-visibility: hidden;

backface-visibility: hidden;

-webkit-perspective: 1000;

-moz-perspective: 1000;

-ms-perspective: 1000;

perspective: 1000;

五、固定定位元素,頁面顯示不穩定

這個暫時還沒有找到比較好的解決方法,,高手路過,望指點!

基於安卓的移動應用開發

基於安卓的移動應用開發 大中 比賽題目五 基於安卓的移動應用開發 賽題簡介 介紹整個賽題的思路和整體要求 開發乙個基於android平台的手機相簿軟體。該軟體可以拍攝 編輯 檢視 分享本地相簿以及網路相簿 賽題業務場景 描述賽題相關的真實企業業務背景。從真實場景中,適當簡化或者提煉出適合比賽的賽題場...

基於安卓的移動應用開發

基於安卓的移動應用開發 大中 比賽題目五 基於安卓的移動應用開發 賽題簡介 介紹整個賽題的思路和整體要求 開發乙個基於android平台的手機相簿軟體。該軟體可以拍攝 編輯 檢視 分享本地相簿以及網路相簿 賽題業務場景 描述賽題相關的真實企業業務背景。從真實場景中,適當簡化或者提煉出適合比賽的賽題場...

安卓前端切片快速開發案例 我的移動

android介面製作 我的移動,內含整個專案 效果圖 內含以下欄目 會員頭像 信用星級 當前餘額 當月消費 剩餘流量 剩餘語音 一鍵查詢 我的賬單 我的詳單 理財 服務專區 推薦有禮 我的集團 卡券包福利社 會員俱樂部 流量不足提醒 剩餘不足流量提醒 139郵箱 幫助與反饋 我的合家歡 服務公告 ...