New Ipad - Why is Safari's resolution still 1024x768?

I would also like to see the ability to get the equiv of Apple (+|-) just like the desktop. There are other reasons, such as privacy, where it's nice for the browser to require very good vision. /2 cents.

this won't be changed, since it is intended to be as it is right now. That's the same with Retina-iPhone for years now, it keeps telling the sites it has a device-width of 480px, although it has 960px.

Why would somebody want to have a website with 2000px width on a 10" screen?

ThiemoB wrote:

this won't be changed, since it is intended to be as it is right now. That's the same with Retina-iPhone for years now, it keeps telling the sites it has a device-width of 480px, although it has 960px.

Why would somebody want to have a website with 2000px width on a 10" screen?

Maybe they have really really really good eyesight? 😉

Good point though. I guess the point of the Retina Display on the iPad (3rd Gen) is to make websites clearer not make more of it fit on the screen

You own an Apple device, no way to chose what you want 😉 There's a good chance you can't even change this on an Android-Hi-Res-Tablet (later this year). That's because there is just no reason someone would want the page to be displayed at 2000px width, that's ridiculous. If you own the site, you can do it via css. But other users with Hi-Res-Displays will be really annoyed if you do so.

dude... making the site 2000px wide is ridiculous. just use the snippet below in your CSS. that way the page comes up "full screen" on any device/screen. Place the content you want centered within the wrapper.

body {

width: 100%;

margin: 0;

}

#wrapper {

width: 960px;

margin: 0 auto;

}

You can also use CSS3 media queries to query the device height and width so that the page looks appropriate on particular devices. Keep in mind, you will of course be using the "Virtual Pixel" count of 1024x768 as opposed to the real pixel count of 2048x1536. So you could run a query calling on a different stylesheet for device screens between 500-800px (iPad 1, 2, 3) and another for device screens under 500px (iPhones).

And yea... fuzzy sites/images bother me. I want to know how to optimize without adding an entirely second set of images to my site and using agent detection strings. that's bloated.

To Your Stupid

😁 Your username is funny, and ironic. 😁

😁 You're a comedian. 😁

I couldn't care less about viewing a 2048 pixel-wide web page, but I'm furious that I can't display pages designed for 1280 on my much higher res device. BTW, I'm pretty sure you meant for your handle to be "you're stupid", unless you are saying that you are "our" stupid.

It's me calling you stupid (you're stupid) but actually being the idiot myself (your stupid). It's a metaphor regarding the banter that takes place on discussion forums in general.

Anyway though... to expand on my post a while back... I found the answer I was looking for, which at this point is probably already well known. But for anyone still interested, no need to create two sets of images... however ultimately most legacy sites will need to be redone. The fix for Retina Displays on the web is to simply design all new sites at the higher resolution and then use the CSS attribute max-width to set the correct pixel width which should be the same as usual.

So the image displays at the correct proportions on the page, however has the greater pixel density to show up nice and crisp on the Retina Displays.

Cheers.

So the answer is not for Apple to do something to give us a better browser, but for the whole world to change all their web pages.....

Works for me!