標籤：
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>@media</title><meta name="hugo" content="" /><style>.test1,.test2 { display: none;}/* 本條為CSS2部分，IE8及以下只支援本條 */@media screen { body{ color: #f00; }}/* 下列為CSS3部分 */@media screen and (min-width: 960px) and (max-width: 1024px){ body{ background: #999; }}@media screen and (min-width: 768px) and (max-width: 960px) { .test1 { display: block; }}@media screen and (min-width: 468px) and (max-width: 768px) { .test2 { display: block; }}</style></head><body><div>Media</div><div class="test1">(min-width: 768px) and (max-width: 960px)</div><div class="test2">(min-width: 468px) and (max-width: 768px)</div></body></html>
media 適屏
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
