Getting Started with RWD (responsive width device)

Which one is best practice to using pointbreak in css?

First, as with getting all websites to become responsive and adhere to media queries, the viewport meta tag must be placed in the <head> section of your web page. The basic standard version of this is shown below.

<meta name="viewport" content="width=device-width,initial-scale=1"> Once we have this snippet of code in our webpage, if we view the page with different devices, the different media queries will be able to have the correct effect. Without this, viewing the page in the specific device would basically just display a zoomed-out version of your page; it would be attempting to cram your entire website into its 320px wide display. Not good for you or your users! Users don’t like having to zoom to view your website’s content, and they certainly don’t want to deal with the vertical scrolling that would result.

  1. @media (min-width: @768px{ ...}
  2. @media only and (min-width: @768px) { ... }
  3. @media only screen and (min-width: @768px) { ... }

Have you noticed the frist two does not have "screen"?

I use #1

Frist link is explanation here

Second link is explanation here

Thanks for reading.


Google Ads