常见的媒体查询自适应分辨率区间
2018-04-02 11:41
344 查看
@charset "utf-8"; /* CSS Document */ /*手机总体* 4000 / @media screen and (max-device-width: 1025px) { body{background:blue;} } /*pc总体*/ @media screen and (min-device-width: 1026px) { body{background:red;} } /*5*/ @media screen and (min-device-width: 300px) and (max-device-width: 373px) { } /*6*/ @media screen and (min-device-width: 374px) and (max-device-width: 412px) { } /*plus*/ @media screen and (min-device-width:413px) and (max-device-width: 767px) { } /*ipad*/ @media screen and (min-device-width:768px) and (max-device-width: 1025px) { } /*1280 1366*/ @media screen and (min-device-width: 1026px) and (max-device-width: 1367px) { } /*1920*/ @media screen and (min-device-width: 1368px) and (max-device-width: 1440px) { } /**/ @media screen and (min-device-width: 1441px) { }
相关文章推荐
- 媒体查询,移动端常见布局以及其他
- CSS媒体查询,CSS根据不同的分辨率显示不同的样式
- PC端浏览器自适应(火狐、谷歌、IE11),媒体查询@media
- CSS媒体查询和flex实现自适应多栏布局
- 移动设备分辨率-媒体查询1
- 移动端自适应封装的通用媒体查询代码
- CSS自适应网站布局媒体查询如何设置断点
- Media Queries 媒体查询常见设备断点
- 移动端自适应之媒体查询,em,rem
- (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
- 响应式布局与媒体查询,以及像素以及查看各种分辨率下显示效果的工具
- android 常见分辨率(mdpi、hdpi 、xhdpi、xxhdpi )及屏幕适配注意事项
- 算法训练 区间k大数查询
- SCUOJ4549-树链剖分(区间查询,区间更新,边权)
- 手机常见分辨率及代表机型
- 前端开发响应式设计之媒体查询(bootstrap)
- 你用过媒体查询,或针对移动端的布局/CSS 吗?
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- 三种数据库对日期格式的区间查询
- 【CSS】媒体查询(media query)满足某个样式时执行某些CSS样式