browser window width resizing with jquery

Question

browser window width resizing with jquery.

my website have container of 1080px width that contains content for website.

but when site is accessed through screen with less window with than 1080, the horizontal scroll comes in screen and content are not perfectly viewable, to view full content user need to scroll horizontally.

this scroll is removed by zooming in browser window. so I want that when user with low resolution screen visits the site jquery zoom their screen size automatically.

jquery checks resolution or width of window and if resolution is less than 1100px then jquery zooms window. (that we manually do by pressing ).

please help me. Thank You

take a look at responsive design. Here are some tutorials. You can also get screen size, calculate zoom factor and apply zoom css . (That's litterly what you're asking). But I prefer Klaus' solution. :) — VDP
– VDP, Commented Jun 19, 2013 at 9:00

Klaus Byskov Pedersen · Accepted Answer · 2013-06-19 08:57:01Z

1

You should add this meta tag to your html's head. It should give you the effect you want for mobile devices:

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

answered Jun 19, 2013 at 8:57

Klaus Byskov Pedersen

122k31 gold badges191 silver badges223 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

browser window width resizing with jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related