好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

媒体属性

媒体 属性   含义   max-width 浏览器的最大宽度 min-width 浏览器的最小宽度 max-height 浏览器的最大高度 min-height 浏览器的最小高度

但掌握这四个就以及足以应对日常开发的需求了,而且这四个看似不太好理解,实际上咱们一讲大家就能明白:

max-width: 最大宽度就相当于  ≤  ( 宽度小于等于 ) min-width: 最小宽度就相当于  ≥ ( 宽度大于等于 ) max-height: 最大高度就相当于  ≤ ( 高度小于等于 ) min-height: 最小高度就相当于  ≥ ( 高度大于等于 )

也就是说你只需要记住这俩就行了:

max-width: 最大宽度就相当于  ≤  ( 宽度小于等于 ) min-width: 最小宽度就相当于  ≥ ( 宽度大于等于 )

型号 分辨率 DPI   iPhone 4 960 × 640 326 诺基亚 5800 640 x 360 229 索爱 LT15i 854 x 480 233

并且我们还罗列了一些媒体 查询 的常用 属性 ,那么下一小节我们就来详细的讲解一下如何用媒体 属性 和逻辑操作符进行结合来判断 用户 当前到底在使用何种设备。

逻辑操作符 ?  ?媒体查询简介

查看更多关于媒体属性的详细内容...

  阅读:49次

上一篇

下一篇

第1节:中文布局 CSS 库    第2节:绝对定位    第3节:绝对定位+负边距    第4节:绝对定位+平移    第5节:网格布局    第6节:弹性布局    第7节:表格布局    第8节:外边距    第9节:绝对定位 + 平移    第10节:行内块元素    第11节:增光添彩    第12节:中文布局CSS库    第13节:多列属性    第14节:左浮动法    第15节:固定定位    第16节:非固定定位    第17节:固定定位+渐隐渐现    第18节:边框九宫格    第19节:加入边框    第20节:改进版    第21节:经典面试题    第22节:课程简介    第23节:移动端的迭代速度    第24节:移动端的屏幕长宽比    第25节:居中布局简介    第26节:中文布局 CSS 库实现居中布局    第27节:绝对定位实现居中布局    第28节:绝对定位+负边距实现居中布局    第29节:绝对定位+平移实现居中布局    第30节:网格布局实现居中布局    第31节:弹性布局实现居中布局    第32节:表格布局实现居中布局    第33节:单列布局简介    第34节:外边距实现单列布局    第35节:弹性布局实现单列布局    第36节:网格布局实现单列布局    第37节:网格布局实现单列布局    第38节:绝对定位+平移实现单列布局    第39节:行内块元素实现单列布局    第40节:增光添彩单列布局    第41节:双列布局简介    第42节:中文 布局CSS库实现双列布局    第43节:多列属性实现双列布局    第44节:左浮动实现双列布局    第45节:绝对定位实现双列布局    第46节:弹性布局实现双列布局    第47节:网格布局实现双列布局    第48节:增光添彩双列布局    第49节:吕形布局简介    第50节:固定定位实现吕形布局    第51节:中文布局CSS库实现吕形布局    第52节:外边距的作用    第53节:非固定定位实现吕形布局    第54节:固定定位+渐隐渐现吕形布局    第55节:上下栏布局简介    第56节:上下栏布局中文布局CSS库    第57节:固定定位实现上下栏布局    第58节:外边距的作用上下栏布局    第59节:非固定定位实现上下栏布局    第60节:固定定位+渐隐渐现上下栏布局    第61节:九宫格简介    第62节:中文布局CSS库实现九宫格    第63节:网格布局实现九宫格布局    第64节:表格布局实现九宫格布局    第65节:绝对定位实现九宫格布局    第66节:弹性布局实现九宫格布局    第67节:左浮动实现九格宫布局    第68节:弹性布局实现九宫格布局    第69节:加入边框 九宫格    第70节:边框九宫格实现九宫格    第71节:改进版九宫格布局    第72节:九宫格经典面试题    第73节:响应式简介    第74节:响应式布局中文布局CSS库    第75节:网格布局之应式布局    第76节:弹性布局之响应式布局    第77节:左浮动法之响应式布局    第78节:媒体查询简介    第79节:媒体属性    第80节:逻辑操作符