-
Notifications
You must be signed in to change notification settings - Fork 63
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
www.seedr.cc - Top section of the site does not fit the allocated page space #99060
Comments
That site has an explicit <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> which means the viewport will be as wide as the device, without any fitting/scaling/zooming, and the user will be unable to zoom. At the same time, With all that being said, it clearly works in Chrome. I'm having a hard time understanding why it works in Chrome, and it appears like the Chrome devtools don't understand, either. Here is, for example, me highlighting the "Get Stuff Quickly & Easy" element in Chrome's DevTools: And not only is the element also too wide, it doesn't even line up with what's being drawn. I initially suspected this to be a browser bug since I'm usually using Chrome Canary, but this also happens if both ends are on Chrome release. So, I dunno. Confusingly, this doesn't get any better on Desktop. Here are the Chrome devtools in RDM: And as you'll notice, the viewport is set to @media (max-width: 830px) {
#description-block {
margin-top: 35px;
text-align: center;
zoom: 0.8;
}
} and yeah, I guess that's one way to make your content fit on mobile screens. Anyway, |
URL: https://www.seedr.cc/
Browser / Version: Firefox Mobile 98.0
Operating System: Android 11
Tested Another Browser: Yes Edge
Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
Website design is broken on firefox(android), but works as expected on firefox(windows).
View the screenshot
Browser Configuration
View console log messages
From webcompat.com with ❤️
The text was updated successfully, but these errors were encountered: