Link to home
Create AccountLog in
Avatar of jagguy
jagguyFlag for Australia

asked on

mobile screen sizes

Hi,

I am confused about testing a webpage for different screen sizes. For example DW has 3 sizes to test desktop, tablet and phone size. Now for example a tablet size is 768X1024 but I checked the ipad sizes and they are not this size.

I used this but again, my display looks different on this than in my testing.

http://transmog.net/iphone-simulator/mobile-web-browser-emulator-for-ipad-2.php#

So what is an accurate way to cater for different sizes using media queries?
ASKER CERTIFIED SOLUTION
Avatar of Ishaan Rawat
Ishaan Rawat
Flag of India image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
DW is not a browser, and viewing in it just give a rough idea of what things will actually look like.  the only to know what a pges is going actually look like is to view it in a real browser on the target device.

Cd&
Avatar of jagguy

ASKER

OK I dont use DW but I am after a simulator.

Now from the 1st post what about desktops because my laptop fits in a 980px image with room to spare.

I do like this?

@media only screen and (min-width: 960x) {}
Yup... Thats correct too...

But aside the media queries all the css code would be the default for desktops and laptops..