@media 媒体查询 @media-使用场景?使用方式 @media-使用场景? 1.针对不同媒体类型定义不同的样式 2.针对不同屏幕尺寸设置不同的样式,在设置响应式页面时非常有用 使用方式 @media (max-width:600px){ #video{ width:80%; } 当屏幕宽度小于600px的时候,设置#video元素的width为屏幕宽度的80%