[Theme: Twenty Twelve] Responsive Question

  • 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.

Viewing 1 replies (of 1 total)

  • 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.

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Twenty Twelve] Responsive Question’ is closed to new replies.