Flutter Web App hosted via Firebase - Phone display is messed up
Question
I built an app on flutter and recently adjusted it for a progressive web app to work in a browser as well. The app display is fine on iOS, Android, and Web (desktop). However, when I view the web app through a phone browser, the display breaks at a few points and I can't figure out why. I uploaded the assets to my build/web directory as well. I'm not sure why the email field is where it should be but its border is way up (when I view it on the phone browser).
Here are the app UI screenshots:
- native app:
- Web hosted on firebase(phone browser - UI BROKEN):
- Web hosted on firebase (desktop):
1 answers
solution1
0 2021-03-30 09:53:24
I built an app on flutter and recently adjusted it for a progressive web app to work in a browser as well. The app display is fine on iOS, Android, and Web (desktop). However, when I view the web app through a phone browser, the display breaks at a few points and I can't figure out why. I uploaded the assets to my build/web directory as well. I'm not sure why the email field is where it should be but its border is way up (when I view it on the phone browser).
Here are the app UI screenshots:
- native app:
- Web hosted on firebase(phone browser - UI BROKEN):
- Web hosted on firebase (desktop):
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.