移動端頁面小bug

legendmohe 發布于2019-08-23 16:44 / 1387人閱讀

摘要：滑動時頁面警告解決方法不支持的解決辦法姓名身份證號碼重點在于給設置高度和偽元素微信去掉底部返回橫條問題框自動填充內容背景顏色為黃色設置文字不居中設置間距和等值即可

滑動時頁面警告

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

解決方法

* {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

text-align-last safari 不支持的解決辦法

   
    姓名  
    身份證號碼

.item-title {
    display: block;
    width: 1.2rem;
    height: 0.54rem;
    line-height: 0.54rem;
    margin-right: 0.4rem;
    text-align-last: justify;
    text-align: justify;
    overflow: hidden;
}

.item-title:after {
    content: "";
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}

重點在于給span設置高度和偽元素

iOS微信去掉底部返回橫條問題

document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
    WeixinJSBridge.call("hideToolbar");
    });

input框自動填充內容背景顏色為黃色

input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}

設置letter-spacing文字不居中

設置letter-spacing間距和padding-left等值即可

.list-view-item .name {
padding-left: 0.8rem;
font-size: 0.32rem;
letter-spacing: 0.8rem;
text-align: center;
}

安卓端底部按鈕被軟鍵盤頂上去擋住輸入框



function intoView(el) {
  setTimeout(function() {
    el.scrollIntoViewIfNeeded();
  }, 500);
}

實現0.5px邊框在華為手機不顯示問題

我的寫法是這樣的

.border:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #ffffd;
}

發現這個寫法在其他手機沒問題唯獨在華為手機顯示不出

 -webkit-transform-origin: 0 0;
   transform-origin: 0 0;

把這個寫上即可解決

GPU云服務器云服務器移動端頁面移動端頁面顯示移動端html頁面移動端

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103219.html

移動端頁面小bug

摘要：滑動時頁面警告解決方法不支持的解決辦法姓名身份證號碼重點在于給設置高度和偽元素微信去掉底部返回橫條問題框自動填充內容背景顏色為黃色設置文字不居中設置間距和等值即可滑動時頁面警告 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as pas...

winterdawn 2019-08-02 16:11 評論0 收藏0
移動端頁面小bug

摘要：滑動時頁面警告解決方法不支持的解決辦法姓名身份證號碼重點在于給設置高度和偽元素微信去掉底部返回橫條問題框自動填充內容背景顏色為黃色設置文字不居中設置間距和等值即可滑動時頁面警告 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as pas...

youkede 2019-08-30 15:43 評論0 收藏0
前端培訓-初級階段-場景實戰（2019-05-23）-移動端適配bug

摘要：前端最基礎的就是。默認構建一個真實的設置為一個理想值追加到樹中獲取理想值和實際值的比例計算值進行比例換算移動端適配方案前端培訓初級階段之移動端適配原理參考文獻淘寶彈性布局方案實踐布局詳解移動端自適應方案前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技...

FingerLiu 2019-08-02 16:18 評論0 收藏0
前端培訓-初級階段-場景實戰（2019-05-23）-移動端適配bug

摘要：前端最基礎的就是。默認構建一個真實的設置為一個理想值追加到樹中獲取理想值和實際值的比例計算值進行比例換算移動端適配方案前端培訓初級階段之移動端適配原理參考文獻淘寶彈性布局方案實踐布局詳解移動端自適應方案前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技...

xi4oh4o 2019-08-26 13:47 評論0 收藏0