WordPress.org

Forums

[Theme: Twenty Twelve] Responsive Question (2 posts)

  1. jules22
    Member
    Posted 1 year ago #

    If twenty twelve is responsive, why is there a set column width ?

    Quick Specs (all measurements in pixels)

    The main column width is 625 except in the full-width layout where it’s 960; sidebar width is 250.
    Featured image width is 624 (height is flexible)—these images are displayed on displayed on “standard” posts; posts without a specific format such as image, aside, link, or quote.
    The suggested header image dimensions are 960 by 250 (width, height). However, both are flexible so you can upload a smaller cropped image if you wish. The width is limited to 2000.

  2. Nhat
    Member
    Posted 1 year ago #

    Because with responsive design, many web developer utilizes @media queries to help tell the web browser what to display at certain screen sizes.

    Quick basic examples:

    .some-class {
    /* some general styles here */
    }
    
    @media (min-width: 960px) {
    .some-class { /* how some-class display at screen sizes 960px */ }
    }
    
    @media (min-width: 640px) and (max-width: 959px) {
    .some-class { /* how some-class display at screen sizes between 640px and 959px */ }
    }
    
    @media (max-width: 639px) {
    .some-class { /* how some-class display at screen sizes smaller than 639px */ }
    }

    Responsive does not mean fluid.

Topic Closed

This topic has been closed to new replies.

About this Topic