การใช้ Media Query ใน CSS ให้เว็บแสดงผล Responsive
05 May 2018
Media Query เป็นเทคนิคการใช้ CSS ที่ช่วยให้สามารถปรับแต่งสไตล์การแสดงผลของเว็บไซต์ได้ตามขนาดหน้าจอของอุปกรณ์ที่ใช้เข้าชมเว็บไซต์ ซึ่งจะช่วยให้เว็บไซต์มีการแสดงผลที่ถูกต้องและสวยงามในทุกๆ ขนาดหน้าจอ
[caption id="attachment_22415" align="alignnone" width="900"] Media-Queries[/caption]
Media Query จะใช้ syntax ดังนี้
@media screen and (max-width: 768px) {
/* รูปแบบการเขียน CSS สำหรับหน้าจอข
