Preface: This mainly refers to mobile end H5 hybrid app page in. the app for page styles and features of the demand will be more fine point.
1, adaptation: the size of the phone side diverse, 3.5-inch iPhone4 should be minimal, as long as consideration is compatible with the iPhone4 on it. (IPhone4 amount of users now rarely, sometimes as long as compatible to iPhone5 on it)
There are even smaller than this size, not many people use. It may be the single digits, or no. One of the few several such phones at very low processing power. https://digi.tech.qq.com/a/20150312/011872.htm#p=1
iPhone4 usage: The system iPhone4, and now a lot of software can not run. https://www.pc841.com/shouji/iPhone/19249.html (after the upgrade there will be a problem, most users are not going to upgrade) or https://t.cj.sina.com.cn / articles / view / 2972527830 / b12d2cd60010084gl
2, the soft keyboard: The Smart Keyboard is a soft keyboard. There are calls from the application to hide the keyboard and the keyboard needs.
Call from the keyboard: Go to the search page, requiring keyboard pull. The main focus will be to the input box. (No problem on Android, invalid ios)
Hide Keyboard: There is no way to hide the keyboard controlled by js found.
3, screen height change: with a mobile phone, H5 page when the viewport height and pull up the keyboard hidden , not the same. When pulled, the height of the keyboard becomes part of the original content, H5 height of the container becomes small.
This will not affect normal circumstances, but if the bottom has fixed positioning of words. Pull up the keyboard, this content will also move up, you need to make a judgment hide.
Andrews and ios compatibility:
1, input text in the middle: input box when there is background color, this problem will be reflected. Conventional center seems both have problems . (Mobile terminal has a reference line text background color , we must pay attention centered.)
2, ios page has rebound effect: js disabled do not know how, if js ban can not afford to let the whole page move together (ie do not use fixed positioning, you can use absolute relative to the full-screen label positioning. this mobile page, this absolute positioning part also followed the move together).
3、