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.

iOS

Uzma Faizan
Uzma Faizan
8,797 Points
Posted by Uzma Faizan
Uzma Faizan
8,797 Points

Where 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
Chris Shaw
26,650 Points
Chris Shaw
Chris Shaw
26,650 Points

Do you have the following line in your <head></head> tags?

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

Uzma Faizan
Uzma Faizan
8,797 Points
Uzma Faizan
Uzma Faizan
8,797 Points

Hey 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!

Ines Rosas
Ines Rosas
4,476 Points
Ines Rosas
Ines Rosas
4,476 Points

I 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
Chris Shaw
26,650 Points
Chris Shaw
Chris Shaw
26,650 Points

Microsoft 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
Ines Rosas
4,476 Points
Ines Rosas
Ines Rosas
4,476 Points

Hi 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!