Support » Themes and Templates » [Theme: Twenty Twelve] Responsive Question

  • jules22


    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)
  • Nhat


    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.