html - Showing the desktop version of a fully responsive website on tablets -


how 1 go creating responsive site (ie. 'fluid') doesn't end displaying narrow "mobile" version on tablet? (usually mobile version of website designed thumbs in mind. it's basic, single column, , isn't suited larger mobile devices tablets.)

even if you've designed scale gracefully every width, still need viewport setting tell user's phone display content @ right width... setting appears honoured tablets, too.

i realise can use detection solution (like mobile detect) it's not fluid (although suppose use mobile detect insert viewport meta tag if mobile phone detected). there better way tablets display desktop version?

i feel i'm missing obvious trick!

how should work when adopted css standards:

use @media queries in css, along @viewport css tag, instead of meta viewport tag. there's explanation of how here:

http://www.html5hacks.com/blog/2012/11/28/elegantly-resize-your-page-with-the-at-viewport-css-declaration/

an example above link:

@media (max-width: 699px) , (min-width: 520px) {   @viewport {     width: 640px;   } } 

you use set different viewports on narrower , wider devices.

but now, seems javascript way it:

you can listen onresize event , check width of screen, , adjust viewport meta tag in dom accordingly.

see http://www.webdevdoor.com/responsive-web-design/change-viewport-meta-tag-javascript


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -