html - CSS, Width:100% and the iPhone - what more can I try? -
i quite way through pretty css solution make mobile site our e-commerce site. it's going quite well, apart fact x-axis consistently has margin shouldn't there - have put in css width 100% properties.
the thing has worked in visual practice (it made y-scrolling stuttery) addition of:
html { overflow-x:hidden; }
so although looked great , wanted couldn't scrolling fixed, pointless mobile site.
on top of added page detect screensize:
<meta name="viewport" content="width=device-width,initial-scale=1" />
i think somewhere media query causing havoc:
@media screen , (max-width: 480px) {
because place specifies 480px aspect of anything, , that's margins continue to. i'm doing wrong here?
in hindsight i'm not entirely sure got 480px - think copy , paste job!
other things have tried removing absolute positioning lot of elements, making sure has width of auto , displaying in block.
i'm out of ideas , want overflow-x solution!
thanks in advance.
as rule, shouldn't have specify width: 100%
on anything.
chances have padding or on 1 of elements causing > 100%. display: block
elements fill width default, don't need specify that.
it's not padding either, margin-right has caught me out enough times because can't see it's there, pushing out content
Comments
Post a Comment