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

CSS

Mark Hill
Mark Hill
9,047 Points
Posted by Mark Hill
Mark Hill
9,047 Points

Mobile vs. Desktop Browser - elements different sizes?

Hello - I don't really understand this point of responsive design -

I have an html element that I want to appear at a fixed size (from the perspective of the user) say, about 10x10cm. So I define this in pixels and then have a responsive design where I switch between 1 col layout to 2 then 4 as browser window increases.

This works fine when I'm changing the size of my desktop browser, but when I use google dev tools to simulate an iPhone, it automatically displays the elements as really small with a four col layout ! So how can I get my mobile device display to look the same as my small desktop browser display?

1 Answer

Jacob Mishkin
Jacob Mishkin
23,117 Points

if your styles change when you scroll widths in the browser and then in dev tools does not change, I would look into your meta tags. Google meta tag responsive, and you should find the meta tag that you need.

Mark Hill
Mark Hill
9,047 Points
Mark Hill
Mark Hill
9,047 Points

Thanks! That was it!