[resolved] What do these @ mark mean in TwentyTwelve css (4 posts)

  1. Ralph Shan
    Posted 3 years ago #

    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.

  2. Clayton James
    Posted 3 years ago #

    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

  3. CrouchingBruin
    Posted 3 years ago #

    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.

  4. Ralph Shan
    Posted 3 years ago #

    Thanks for all

Topic Closed

This topic has been closed to new replies.

About this Topic