Welcome to the Treehouse Community
The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Uzma Faizan
8,797 PointsWhere can i get a good iphone simulator for Windows Device-Specific Media Queries - Part 1?
I have watched this video under CSS for media query and tried using Windows WebMatrix iphone simulator but min and max-device-width didn't work. Is there any other iphone simulator for Windows as I don't own a Mac? Thanks
4 Answers

Chris Shaw
26,650 PointsDo you have the following line in your <head></head>
tags?
<meta name="viewport" content="width=device-width, initial-scale=1">

Ines Rosas
4,476 PointsI am watching the same video Uzma watched and I have no idea how to get the ios simulator Guil brings up. I am on a windows 7 machine. What should I get?

Chris Shaw
26,650 PointsMicrosoft WebMatrix can be used on Windows to install an iOS simulator but its no where close to been as accurate as the simulator that comes built into XCode on Mac OS X.

Ines Rosas
4,476 PointsHi Chris! Thanks for responding. I installed the WebMatrix, but I guess you are right about it being less accurate than the one Guil uses. I used it to look at the site Guil created for device-specific media queries, hoping to see what he showed on the video, which was that the iphone simulator presents the "standard" size layout, not the small mobile-optimized one when the html doesn't have the meta tag about the viewport (<meta name="viewport"content="width=etc, etc, >), but the iphone simulator from webmatrix showed me the optimized one even though the tag was absent, which suggests to me that this "simulator" is just a small, narrow browser... Thanks anyway!
Uzma Faizan
8,797 PointsUzma Faizan
8,797 PointsHey Chris, thank you for replying. Yes, I have that as well in the head tag and tried doing exactly showed in the training video. But the iphone simulator I am using on windows is WebMatrix and that doesn't show the changes as I put min-device-width. I feel it is the simulator of WebMatrix. But again I might be wrong. Are you on Windows? Using any simulator their instead? many thanks in advance!