which media queies to use exactly for responsive website?

  • Unknown's avatar
    hovhannes999 · Member ·

    Hello,
    I like to know exactly how many media queies I have to use for responsive website for all devices portrait and landscape !
    is this example below is enough?

    1- /* Smartphones (portrait and landscape) ———– */

    @media     only screen
    and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    }
    2- /* iPads (portrait and landscape) ———– */

    @media     only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    }

    3- /* Desktops and laptops ———– */

    @media     only screen and (min-width : 1224px) {
    /* Styles */
    }

    4- /* Large screens ———– */

    @media     only screen and (min-width : 1824px) {
    /* Styles */
    }

    or do I have to add some other mediaqueries
    if yes which are?

    thanks
    johan

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    This would depend on exactly what you’re trying to do. There are many tutorials online that explain media queries and the best practices in terms of how to use them, so I suggest you try searching for those.

    You can also ask in a coding forum like stackoverflow.com or FreeCodeCamp.org for advice on this.

    We can’t help with that here, though – this forum only provides support for sites hosted on WordPress.com, and we don’t provide general coding advice. We do provide custom CSS support for sites on the WordPress.com Premium Plan or higher, but media queries are complex, and beyond what we’re able to help with.

    http://en.support.wordpress.com/custom-design/css-support/

  • The topic ‘which media queies to use exactly for responsive website?’ is closed to new replies.