Responsive Code For Mobile And All Devices | congdongblog

Responsive code for mobile

What is responsive?

Responsive is the term used to refer to websites that are compatible with devices, browsers.
In other words, responsive mobile code helps you code in the direction you like, how you want it to appear on your phone, it's all called responsive.

How Responsive code like?

The way to code is also very simple, you just follow my steps below!

  1. Install responsive library:

    Before coding you have to see if your source has a library, if not, or add it to the file header.php okay. If there is no library, your web code will not be displayed.

  2. Here are the codes for many devices you should know (my standard code or standard Bootstrap too)

    /* code dành cho điện thoại với kích thước tối đa 480px */
    @media only screen and (max-width: 480px) {...} 

    /* code dành cho các điện thoại kích thước nằm trong khoảng 480px đến 768px */
    @media only screen (min-width: 480px) and (max-width: 768px){...} 

    /* code dành cho thiết bị tablets nằm trong khoảng 768px đến 992px) */
    @media only screen (min-width: 768px) and (max-width: 992px){...} 

    /* code dành cho laptop desktop với kích thước lớn*/
    @media only screen and (min-width: 1200px) {...}

    That's the end of the tutorial Code Responsive for mobile, this article you can do the articles that I have written as code from icon nice Contact at footer link: Click Here

    Alright guys, see what a pity, right, bro: p

    If you have any questions, feel free to contact me or leave a comment below, like face for more news. I will support you all, thank you everyone!

The post Code Responsive for mobile appeared first on Blog community.