- From: <bugzilla@jessica.w3.org>
- Date: Mon, 08 Oct 2012 18:15:29 +0000
- To: public-webplatform-bugs@w3.org
https://www.w3.org/Bugs/Public/show_bug.cgi?id=19356
Vicki Murley <vicki@apple.com> changed:
What |Removed |Added
----------------------------------------------------------------------------
Summary|blog.webplatform.org looks |in Safari on iPhone, blog
|bad on iPhone |paragraphs are in a skinny
| |column on the left
--- Comment #1 from Vicki Murley <vicki@apple.com> 2012-10-08 18:15:29 UTC ---
I see that the viewport content is set to "width=device-width", meaning that
the viewport width will be 320px on iPhone. Most of the divs on this page have
a max width of 320px (or they are percentages), so theoretically everything
should fit just right.
However! There is one style that is hard-coded to a width of 932px:
@media screen
#mw-head .container {
padding-right: 18px;
width: 932px;
}
Although there are other minor style corrections to be made here, this 932px
wide div looks to be the primary source of the "skinny column of paragraphs
down the left hand side" problem.
--
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.
Received on Monday, 8 October 2012 18:15:30 UTC