einthusan.tv - Overlaping design and text

webcompat / web-bugs

A place to report bugs on websites.

https://webcompat.com

Mozilla Public License 2.0

748 stars 68 forks source link

einthusan.tv - Overlaping design and text #31242

Closed webcompat-bot closed 5 years ago

webcompat-bot commented 5 years ago

URL: https://einthusan.tv/movie/browse/?lang=hindi

Browser / Version: Firefox Mobile 68.0 Operating System: Android Tested Another Browser: Yes

Problem type: Design is broken Description: Overlaping design and text Steps to Reproduce:

Browser Configuration

None

From webcompat.com with ❤️

softvision-sergiulogigan commented 5 years ago

I can reproduce this issue.

Tested with: Browser / Version: Firefox Fenix (Preview) 1.0.1920 Operating System: OnePlus 6 (Android 9) - 1080 x 2280 pixels, 19:9 ratio (~402 ppi pixel density)

denschub commented 5 years ago

So, this site is not optimized for smartphones and doesn't even have a <meta name="viewport">. Adding, for example, <meta name="viewport" content="width=device-width, initial-scale=1.0"> resolves the issue.

What I assume is happening here is Fenix trying to make font sizes more readable on a non-mobile optimized site. However, here, it breaks the layout quite a bit, so maybe that's something we can work on. So instead of saying "this page is not mobile optimized", I opened https://github.com/mozilla-mobile/fenix/issues/2606, so we can close this as a dupe. :)

lock[bot] commented 5 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.