移動端問題探索 3

2022-06-23 19:57:10 字數 398 閱讀 6934

1.浮動子元素撐開父元素盒子高度

input 的placeholder會出現文字位置偏上的情況:pc端設定line-height等於height能夠對齊,而移動端仍然是偏上,解決方案時是設定cssline-height:normal;

2,往返快取問題

點選瀏覽器的回退,有時候不會自動執行js,特別是在mobilesafari中。這與往返快取(bfcache)有關係。 解決方法 :window.onunload = function () {};

3.overflow-x: auto在ios有相容問題

解決方法:-webkit-overflow-scrolling: touch;

移動端問題

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

移動端布局(3)

css3引入了一種新的布局模式,叫做flexbox布局,即伸縮布局和 flexible box 模型,很多地方又稱為彈性盒模型,我們下面都叫彈性盒模型,它可以用來提供乙個更加有效的方式制定 調整和分布乙個容器裡的專案布局 css中的布局方式總結 塊布局 行內布局 布局 定位布局 flexbox布局 ...

移動端布局(3)

css3引入了一種新的布局模式,叫做flexbox布局,即伸縮布局和 flexible box 模型,很多地方又稱為彈性盒模型,我們下面都叫彈性盒模型,它可以用來提供乙個更加有效的方式制定 調整和分布乙個容器裡的專案布局 css中的布局方式總結 塊布局 行內布局 布局 定位布局 flexbox布局 ...