1. Setting input type= Button property disabled in ios, setting true will cause style text and background abnormalities. Use opacity=1 to solve the problem
2. Listen for a click event on a non-clickable element such as (label,span). On ios, this event is not triggered
Xx :before{content: “; position: absolute; top: 0; left: 0; border: 1px solid #ccc; width: 200%; height: 200%; box-sizing:border-box; -webkit-box-sizing:border-box; – its – transform: scale (0.5); The transform: scale (0.5); -webkit-transform-origin: left top; transform-origin: left top; }
4. Input is fixed to locate the bug problem in ios. Click on focus input and input will jump to the middle position
5. If the font on the mobile end is smaller than 12px, use the surrounding border or background color block, which causes the bug of android text deviation. You can enlarge the font by 1 times and then zoom in, and the font should not be odd
6. Use Accept =”image/*” multiple to upload pictures on mobile terminals, which is compatible with low-end computers
7. In THE H5 embedded app, if there is a vertical scroll bar in ios, the scrolling will stop quickly after the finger slides the page, as if driving with the brake. Have the feeling of “rolling with difficulty” self. WebView. ScrollView. DecelerationRate = UIScrollViewDecelerationRateNormal; Set a lower “deceleration” for the WebView
Fastclick Window.addeventListener (“load”, function() {fastclick.attach (document.body); }, false );
9, INPUT with placeholder situation do not set the row height, otherwise it will be biased
10, mobile adaptation can use lib-flexible github.com/amfe/lib-f….
After the problems will be updated, we have more compatibility problems or the above problems can be left a message in the comments.