Closed
Bug 912894
Opened 11 years ago
Closed 11 years ago
MDN does not fit well on small screen (1024px wide)
Categories
(developer.mozilla.org Graveyard :: Design, defect)
developer.mozilla.org Graveyard
Design
Tracking
(Not tracked)
RESOLVED
WORKSFORME
People
(Reporter: Jeremie, Unassigned)
References
Details
Attachments
(1 file)
140.41 KB,
image/png
|
Details |
I'm just testing the new redesign. It appears that this design is not responsive and fit very badly on window smaller than 1000px. At minimum, it would be nice to allow the center column (with all the content) to shrink on smaller screen. At best, it would be awesome to build media query break points to adjust the content for small screen.
Comment 1•11 years ago
|
||
Luke, do you have any info on how many users are at this resolution?
Flags: needinfo?(lcrouch)
Reporter | ||
Comment 2•11 years ago
|
||
From my perspective: I don't know the current statistic but it will prevent all the users with a tablet in portrait mode to access a nice version of MDN. (we could add a meta viewport to prevent this but this would be very hackish as it's very easy to play with the min/max-width css property to handle some minimum fluid layout)
Comment 3•11 years ago
|
||
This is what I see at 1000px: http://screencast.com/t/a4AUPzu80LtQ This is the tablet media query width (slightly less than 1000px, 963px in the following screenshot): http://screencast.com/t/kthoAKNncZcD What is the issue with these views? They look professional and elegant to me.
Reporter | ||
Comment 4•11 years ago
|
||
This what I get when using FF with a 768px width window (screen shot of https://developer.mozilla.org/en-US/docs/Web/API/Navigator)
Comment 5•11 years ago
|
||
Here's what I see at said width: http://screencast.com/t/kxyHbXkG7bPh
Comment 6•11 years ago
|
||
desktop vs. mobile vs. tablet: http://screencast.com/t/RCWO19MB top 25 screen resolutions: http://screencast.com/t/m2dk572PaA
Flags: needinfo?(lcrouch)
Comment 7•11 years ago
|
||
Luke: don't forget that these data are skewed by the fact that the current MDN is next to be unusable on mobile and tablets.
Comment 8•11 years ago
|
||
YUI Compressor was causing errors with media queries -- I have a PR in to fix that now. Details about the problem and solution here: http://davidwalsh.name/yui-compressor-media-query-error
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → WORKSFORME
Updated•4 years ago
|
Product: developer.mozilla.org → developer.mozilla.org Graveyard
You need to log in
before you can comment on or make changes to this bug.
Description
•