We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
@media not|only mediatype and (media feature) { CSS-Code; }
<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Bootstrap 中响应式设计:
/* 超小屏幕(手机,小于 768px) */ /* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的 */ /* 小屏幕(平板,大于等于 768px) */ @media (min-width: @screen-sm-min) { ... } /* 中等屏幕(桌面显示器,大于等于 992px) */ @media (min-width: @screen-md-min) { ... } /* 大屏幕(大桌面显示器,大于等于 1200px) */ @media (min-width: @screen-lg-min) { ... }
/* 大屏幕 */ @media (min-width: 1200px) { ... } /* 平板电脑和小屏电脑之间的分辨率 */ @media (min-width: 768px) and (max-width: 979px) { ... } /* 横向放置的手机和竖向放置的平板之间的分辨率 */ @media (max-width: 767px) { ... } /* 横向放置的手机及分辨率更小的设备 */ @media (max-width: 480px) { ... }
The text was updated successfully, but these errors were encountered:
No branches or pull requests
@media
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Bootstrap 3
Bootstrap 中响应式设计:
Bootstrap 2
The text was updated successfully, but these errors were encountered: