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

[HELP] iOS Simulator displays too small - Bonus Content > HTML5 Mobile UI

in Bonus Content - HTML5 Mobile UI.

I installed Xcode and I open the file with iOS Simulator but it displays the content too small, it just displays the web screen squeezed into iPhone size. But scale is set to 100%.
In the video, Jim creates the file and open it from 'localhost', but I created the project folder in my directory, is it the reason? But I don't know where is the localhost location in my Mac.

Screenshot: https://docs.google.com/file/d/0B7APJiFp_MS4RWQtSEdtWFJZVkU/edit?usp=sharing

Please help me. Thank you.

4 Answers

Could you please post the code for your "site' here? It would make it easier for us to identify the problem. It looks like you set you width too big.

Amit Bijlani
STAFF
Amit Bijlani
Treehouse Guest Teacher

@Yuichi you need to set your the viewport meta tag within your header tag:

<meta name="viewport" content="width=device-width, initial-scale=1">

Thank you Amit!