screen resolution(s)

Am curious about the current recommendations for the width of website content. Am currently working with a 700px wide area that contains important information whilst the container around this is 1060px which allows for the background image to create a larger visual area.

Things have changed since i made a website, mobile devices etc... I still kno开发者_如何学Cw people who have 14 and 15" displays they use for their computer/ laptop.

I imagine am pretty much safe if i have the 700px width area for content, i understand the zoom feature is often used to read data on small devices, I do not currently own a phone with internet.

Thanks

See this article, it's one of the best things Iv'e read on the topic.

Resolution Independent Mobile UI

Sencha is a well known mobile web framework, and that's on of their top articles.

You should look into using a fluid layout that works at any size. You'll probably want to set a max for screen, say 1260px and a min for mobile say 320px. Then use CSS conditionals for choosing between screen and mobile stylesheet.

Custom making the layout per your sites needs is usually the way to go, but there are many articles and frameworks out there to help you out; CSS Grid .net, The Perfect Fluid Layout etc.