Skip to content

Instantly share code, notes, and snippets.

@manh-trinhquoc
Last active February 8, 2021 09:10
Show Gist options
  • Save manh-trinhquoc/3a48e5f02ea62d1d7a6953f93a80634f to your computer and use it in GitHub Desktop.
Save manh-trinhquoc/3a48e5f02ea62d1d7a6953f93a80634f to your computer and use it in GitHub Desktop.
scss snippet

scss snippet

// breakpoint khi style theo hướng desktop trước
@media (max-width: 1600px) {
// style cho màn 1920 zoom 125%
}
@media (max-width: 1440px) {
}
@media (max-width: 1366px) {
//ipad pro, mac
}
@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
//ipad
}
@media (max-width: 992px) {
}
@media (max-width: 850px) and (orientation: landscape) {
// điện thoại nằm ngang
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
//desktop cỡ nhỏ nhất
}
@media (max-width: 639px) {
//bắt đầu mobile
}
@media (max-width: 414px) {
//iphon pro
}
@media (max-width: 375px) {
//iphone x
}
@media (max-width: 350px) {
//iphone s, nhỏ nhất
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment