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!

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

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,676 Points
Chris Shaw
Chris Shaw
26,676 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,676 Points
Chris Shaw
Chris Shaw
26,676 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!