移動端問題小計

2022-03-06 06:33:13 字數 696 閱讀 8972

君不見黃河之水天上來,奔流到海不復回,君不見高堂明鏡悲白髮,朝如青絲暮成雪,人生得意須盡歡,莫使金樽空對月

.box 

.animate

@keyframes wordsloop

100%

}

123

45

#out 

#out::-webkit-scrollbar

.inner

var box = document.getelementbyid('out');

//scrollto的具體用法及傳參請檢視mdn文件

box.scrollto()

html,body 

width: 100%;

height: 100%;

background: #fff;

overflow: scroll;

-webkit-overflow-scrolling: touch;

position: absolute;

left: 0;

top: 0;

}

移動端問題

最近的移動端開發中發現標籤在安卓手機和chrome瀏覽器上只可以輸入數字,輸入非數字字元不會顯示,但在iphone上可以輸入非數字字元,在輸入框中可以顯示出來,但提交表單的時候是空的,也不會有任何提示,這就造成如果這項是非必填項的話,使用者會覺得漏掉了自己提交的資訊 他可能沒意識到自己填寫錯誤了 這...

移動端問題整理

寫h5頁面總會碰上一些相容性問題,之前也碰到了許多問題,但是都沒有做乙個完整的記錄,之後碰到的問題都會記錄下來。1.使用table畫 時出現ios 邊框顯示不完全2.使用移動端拖動元件react draggable tags的拖動和滾動區分 使用這個拖動元件會導致移動端無法區分到拖動還是滾動事件,解...

移動端問題總結

1.有時,通過審查元素並不會發現html有問題,但就是在螢幕中左右晃動,無法解決,這時候,其實是存在子元素溢位來了,所以加大了寬度。解決方法 給html或者是body新增overflow x hidden 這樣就可以成功解決問題,但是問題是一旦設定了body的overflow x hidden 這時...