Hi I am building a weather app and I was using Firefox and Chrome inspect mobile views to check how they would look on mobile devices.
This is the link to my weather app: https://fervent-albattani-911414.netlify.app/?city=Beijing
But when I go on my iPhone 12 and put it to landscape it looks like this:
How do I fix this??
Juan Pablo Isaza
The developer tool is an emulator not an actual representation.
But since emulators do not replicate the software or the hardware of the actual physical mobile devices, they have serious limitations, as Google acknowledges. Simply put, these limitations result in serious testing errors. Google even admits their emulator fails to accurately duplicate the behavior of the GPU and CPU in the mobile device hardware.
But here are two additional big deficiencies in the Chrome mobile emulator that Google doesn’t mention:
Note: simulation is often best for apps and emulation for websites. (Cloud based simulators help reduce the negatives of using simulators.)
References to mobile1st