Chủ đề tổng hợp

header ads

CSS Tùy chỉnh kích thước Blogger Templates khi xem bằng Mobile

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<!--tuy chinh kich thuoc dien thoai-->
<style>
/* Dành cho điện thoại */
@media all and (min-width: 320px)
{Code CSS}
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 480px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 600px */
@media all and (min-width: 600px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 800px (máy tính bảng để ngang, smart phone, ...) */
@media all and (min-width: 768px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 800px (máy tính bảng để ngang, smart phone, ...) */
@media all and (min-width: 768px)
{Code CSS}
/* Dành cho màn hình chiều rộng tối thiểu 1280px (desktop) */
@media all and (min-width: 1280px)
{Code CSS}
</style>
<!--ket thuc-->

Đăng nhận xét

0 Nhận xét