at present, what adaptation scheme is used for web mobile developers? almost all the solutions given by major forums are to set up viewport, and then use rem layout. However, Taobao lib-flexible has started to propose to use vh and vw, but there is no such website in use. So how do you adapt to the mobile terminal now?
rem scheme is used more often, which is mainly easy to control and easy to calculate. Vw.vh is also useful. Generally speaking, only integer percentages of viewport (width or height) length (such as 25% or 50%) are occasionally used in scenarios, because the percentage will have some errors due to decimals in calculation. In addition, when the aspect ratio of adaptive models is different, the unified use of percentages will cause distortion and other problems, so the actual use is not much.
before writing more graphics of H5, but also used js overall zoom and SVG two programs, mainly the page container is independent of the viewport, in the case of ensuring that the aspect ratio is consistent with the design draft, allow the page to slightly overflow or retain black edges. The difference between the two schemes is that the former uses js to set the style to violently zoom, while the latter borrows SVG's own viewport zoom, with ps script to automatically cut the image to do automatic page output.
generally use lib-flexible
generally use rem , and then uniformly modify the font size of the root node according to the media query, so that you can adapt to various screen sizes
rem+flex layout. Of course, it is also possible to use vh+vw
use rem to complete the adaptation of mobile terminal
many big manufacturers use this: https://github.com/imochen/ho.
.how does the front-end page get the videos and pictures in the database? Without relevant experience, you had better say more details about _ (: 3 ") _ like a video bar how to get it. On your knees. Thank you. Thank you, guys. I was wrong that TT ...
Native js listens for changes in the attribute value of the dom element if the target attribute of the monitor changes. Execute a specific statement. listens for a specific attribute within the Style of the Dom element, for example, display, is trigger...
The code is generated by a rich text editor the code is as follows <p style="text-align:left;"><span style="color:-sharpffffff;"><span style="font-family:NotoSansSC-DemiLight;"><span style="f...
1. Kill the topic directly: if you need to pick up the demand one day, you need to generate a picture of the form to browse (H5 mobile). 1. Think of the two plug-ins html2canvas and dom-to-image. At first, it is estimated that there is a blank part of...