What is the reason for the inconsistency in the performance of web pages at the same resolution on the mobile side?

an H5 mobile page. This is how the adaptation is written

< meta name= "viewport" content= "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" / >

recent tests reported compatibility problems, abnormal width performance on ViVo phones, and incorrect line wrapping of elements. Tests show that the company"s two Vivo,X7 and X9 are abnormal, and abnormal performance is exactly the same. After changing several browsers, it is found that it shows consistent abnormal display characteristics, so it should not be a browser problem. So the 1920 1080 resolution test of other manufacturers (the resolution of both vivo phones is 1920 1080), and both work normally. Feel very strange, this resolution can also appear display adaptation problem? How does this work?

add that boredom simulated and tested the page with the mobile device of PC"s google chrome browser and found that when the mobile device was switched to Iphone5, the page encountered an exception, and the exception characteristics were the same as those in Vivo.

at present, I can"t figure out the reason. Please give me some advice from the master

.
Mar.07,2021

how do you adapt? Why is there an abnormal line change?


Mobile resolution doesn't mean anything, at least add DPR and Webview to start chatting.


Brother, please attach the screenshot next time, otherwise how do we know how to break the line abnormally?

Menu