Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Posted by emile
emile
7,980 Points

How can I adjust safari to mobile-width?

I use a Macbook with Safari and Chrome. But I can't adjust Safari to mobile-width. In Chrome everything works fine, but Safari stays wider then Chrome.

2 Answers

Lee Zamastil
Lee Zamastil
21,628 Points

I have the same issue. My solution is to ignore Safari and use Chrome when testing the narrowest of widths.

While you're on Chrome you may like to use the Responsive Web Design Tester. You can download the extension here.

Christopher Mlalazi
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,305 Points
Christopher Mlalazi
.a{fill-rule:evenodd;}techdegree seal-36
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,305 Points

Thanks Lee for the Chrome Responsive Developer Tester. Safari also has that pre-installed in its navigation menu for those not aware of it. It's titled 'Develop' and its between 'Bookmarks' and 'Window' but it only tests Apple products.