สำหรับท่านที่ต้องการกำหนดรูปแบบการแสดงผลที่แตกต่างกันออกไปด้วย CSS/SASS
@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 240px) {}
Visual Studio Code Snippets
- Preference > User Snippets > open css.js or scss.js
- Windows
%APPDATA%\Code\User\snippets\(language).json
- Mac
$HOME/Library/Application Support/Code/User/snippets/(language).json
- Linux
$HOME/.config/Code/User/snippets/(language).json
{
"CSS Media query packs": {
"prefix": "media-query",
"body": [
"@media screen and (max-width: 1920px) {}",
"",
"@media screen and (max-width: 1600px) {}",
"",
"@media screen and (max-width: 1440px) {}",
"",
"@media screen and (max-width: 1366px) {}",
"",
"@media screen and (max-width: 1280px) {}",
"",
"@media screen and (max-width: 960px) {}",
"",
"@media screen and (max-width: 768px) {}",
"",
"@media screen and (max-width: 640px) {}",
"",
"@media screen and (max-width: 480px) {}",
"",
"@media screen and (max-width: 240px) {}",
""
],
"description": "CSS Media query packs"
}
}
จัดทำโปรแกรมคอมพิวเตอร์พัฒนาระบบงานธุรกิจส่วนตัวและหน่วยงาน ใส่ใจคุณภาพ คุ้มราคา ส่งงานตรงเวลา
ติดต่อ 086-288-7987 (ท็อป) หรืออีเมล์ [email protected]
ติดตามผลงานได้ที่ www.nakomah.com