kranthig — 2014-03-25T22:31:43-04:00 — #1
We are currently implementing responsiveness for an existing website.
The requirements is, some of the pages of the site should have same view as of desktop irrespective of device (mobile/tablet/desktop).
Is this possible at all?
How can we achieve this? Please share the experience if you do this before.
patche — 2014-03-26T07:03:32-04:00 — #2
You could put your responsive-css in a separate file and only include that on pages that you want to be responsive.
peterorl — 2014-03-26T08:42:26-04:00 — #3
Try this forumla:
/*PUT YOUR CLASSES STYLES HERE*/
480 px is just an example so you can put there any size. Just try CTRL+SHIFT+M in Firefox and reduce the width and if something crashes fix it with proper @media(max-width:) code.
Cheers and Good Luck
paulob — 2014-03-26T10:06:24-04:00 — #4
You need to clarify what your requirements are as the question is too vague to give an accurate answer.
If you want some pages to have the same view as the desktop then what does that mean exactly?
A page will look the same on mobile as it does on desktop if you have not done anything to it at all except that it will be tiny on a mobile as the mobile device scales the large desktop site smaller so that it fits in the device window. That means the view will be much the same except that you need to zoom to see it unless you have incredible eyesight. If this is what you want then you don't need to do anything special to that page at all.
If you have already coded your media queries on those pages then you would have to ensure that you removed the viewport meta tag on those pages as that will stop the css media queries taking effect on mobile devices.
However, this seems an illogical choice because if you are making your site responsive then you want to optimise it for mobile and not make it worse. A desktop site can't really be viewed nicely on a mobile unless you change the layout and make it fit better.