Support » Themes and Templates » What do these @ mark mean in TwentyTwelve css

  • Resolved Ralph Shan


    In twentytwelve template css,
    what do they mean:
    @media screen and (min-width: 600px) { … }
    @media screen and (min-width: 960px) { … }

    I find my top page always was followed by @media screen and (min-width: 600px),
    how to change to follow @media screen and (min-width: 960px).

    Please kindly give me a simple answer.
    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • They help define how the Twenty Twelve theme will look on different devices. No change should be required. You can discover more about it here if you like : CSS media queries

    As Clayton said, media queries are used to change the appearance of the page based on the viewport size. This is used mostly by themes which are responsive, that is, they respond to and look different on devices with smaller screen sizes, like tablets and smart phones. One of the ways that the site might change appearance, for example, would be to change a horizontal menu in the header into a drop-down list if the screen is below a certain width. If you look at a site which is responsive, you can see how it changes its appearance by dragging the side of your web browser with your mouse, making it narrower or wider.

    Thanks for all

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘What do these @ mark mean in TwentyTwelve css’ is closed to new replies.