Update: I discovered that FireFox actually counts a hidden scrollbar and
that's why the 1200px breakpoint is not actually 1200px. See this for more
info:
http://iamkeir.com/post/26647025450/firefox-media-query-breakpoints-wtf
Other browsers like CHROME do not follow that behavior--they break right on
target.
On Thursday, May 30, 2013 5:58:41 AM UTC-5, Doss1 wrote:
>
> I made my first media query! I added the following media query to my
> custom.css page:
>
> @media (max-width: 1200px) {
>> footer {
>> background-color: red;
>> }
>> }
>>
>>
> I made the footer red so I can see how the media query works in action.
> When I expand my browser up to 1200px, the footer turns brown around 1183px
> which is BEFORE I reach 1200px even though I "told" the media query to stay
> red up to 1200px. Why is the red disappearing before I reach 1200px?
>
> Live preview of my site is here <http://www.ogmda.com/test/>.
> Edit: I noticed that the actual breakpoint is not 1200px, but 1183px...and
> that is when the footer turns red despite my media query written with
> max-width:1200px.....
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
