SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2014
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to make some webpages not responsive of my website

    Hi all,

    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.

    Thank you,
    Kranthi

  2. #2
    SitePoint Addict bronze trophy
    Join Date
    Sep 2005
    Posts
    317
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    You could put your responsive-css in a separate file and only include that on pages that you want to be responsive.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2014
    Posts
    35
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Try this forumla:
    @media(max-width:480px){
    /*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

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by kranthig View Post
    Hi all,

    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.

    Thank you,
    Kranthi
    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.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •