ບິນຮູ້ວິທີການສ້າງ: ສະຖານທີ່ຂອງສິ່ງທີ່ປະຈຳ

ບິນຮູ້ຮູບວິທີການນຳໃຊ້ກົນລະບົບຄວາມຄິດກັບການຄົ້ນຫາສະແດງທາງສານສຳລັບສິ່ງທີ່ປະຈຳ

ສະຖານທີ່ຂອງສິ່ງທີ່ປະຈຳ

ມີຫຼາຍພາບການສະແດງ ແລະ ເຄື່ອງຈັກທີ່ມີຂະໜາດມາດຕະຖານ ແລະ ລະດັບກວາງທີ່ຫຼາຍຫຼາຍ ຊຶ່ງສົງໄສວ່າຈະການສ້າງສະຖານທີ່ຄິດກັບການຄົ້ນຫາສະແດງທາງສານສຳຄັນສຳລັບແຕ່ເຄື່ອງຫຼືຫຼາຍກວ່າອັນ

ເພື່ອຫຼຸດການດຳເນີນການ ທ່ານສາມາດພິຈາລະນາຫ້ອງຍຸດຄູ່ຄອບສູນທີ່ປະຈຳ 5:

ການຕັດສິນ

/* ສິ່ງທີ່ນ້ອຍສຸດ (ຄອບບາກິດ 600px ເພາະ) */
@media only screen and (max-width: 600px) {...}
/* ສິ່ງທີ່ນ້ອຍ (ຄອບບາກິດລາວດິກ ແລະ ເຄື່ອງຖືທີ່ຫຼາຍກວ່າ 600px) */
@media only screen and (min-width: 600px) {...}
/* ສິ່ງທີ່ມີມາດຕະຖານ (ຄອບບາກິດລາວດິກ 768px ແມ່ນໄດ້) */
@media only screen and (min-width: 768px) {...}
/* ສິ່ງທີ່ໃຫຍ່ (ຄອບບາກິດຄົນໃຫຍ່ ແລະ ເຄື່ອງຍົກບັນທັດ 992px ແມ່ນໄດ້) */
@media only screen and (min-width: 992px) {...}
/* ສິ່ງທີ່ຫຼາຍຂຶ້ນ (ຄອບບາກິດຄົນໃຫຍ່ ແລະ ເຄື່ອງຍົກບັນທັດຫຼາຍກວ່າ 1200px) */
@media only screen and (min-width: 1200px) {...}

ທຳການທົດສອບເອງ

ບັນຊີກ່ຽວຂ້ອງ

ການສອນ:CSS 媒体查询

ການສອນ:ການຕັດສິນທີ່ສະແດງທາງ CSS ຄວາມຄິດກັບການຄົ້ນຫາສະແດງທາງສານ

ການອະທິບາຍພື້ນຖານ:CSS @media 规则

ການສອນ:ການຈັດການອອນແບບ Web ຄວາມຄິດກັບການຄົ້ນຫາສະແດງທາງສານ

ການອະທິບາຍພື້ນຖານ:ກົນລະບົບ JavaScript window.matchMedia()