/* 大屏幕 */@media (min-width: 1200px) { ... } /* 平板电脑和小屏电脑之间的分辨率 */@media (min-width: 768px) and (max-width: 979px) { ... } /* 横向放置的手机和竖向放置的平板之间的分辨率 */@ ...
分类：
其他好文 时间：
2017-05-18 11:23:22
阅读次数：
125
img vertical-align:middle; 设置页面垂直居中的，如果无效的话使用 display:table-cel,讲块元素转化为单元格，在使用vertical-align属性水质居中。 max-width:100%; 限制了图片大小。图片本身是多大就是多大。不会超过100%的宽度； w ...
分类：
其他好文 时间：
2017-05-17 18:31:19
阅读次数：
141
<link rel="stylesheet" media="screen and (max-width:600px)" href="small.css" type="text/css" /> 上面表示的是：当屏幕小于或等于600px时，将采用small.css样式来渲染Web页面。 <link re ...
分类：
Web程序 时间：
2017-04-11 11:51:00
阅读次数：
214
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-inde ...
分类：
Web程序 时间：
2017-04-06 23:25:52
阅读次数：
251
@media screen and (min-width:1000px){ div{ color: black; } } @media screen and (max-width:1000px) and (min-width:768px) { div { color:red; } } @media ...
分类：
其他好文 时间：
2017-03-30 10:21:40
阅读次数：
131
开始eazyUI界面控件的使用，主要有下列几个表单控件（效果图）： 一.文本框的使用（textbox）： <div class="easyui-panel" title="表单控件" style="width: 100%; max-width: 400px; padding: 30px 60px;" ...
分类：
Web程序 时间：
2017-03-23 02:03:03
阅读次数：
181
每次都要纠结半天，这个居中。 一、子元素不固定 1 .pro-car-inner{//子元素 max-width:1000px; color:#fff; position:absolute; top:150px; left:0; bottom:0; right:0; margin:auto; }// ...
分类：
其他好文 时间：
2017-03-22 15:19:24
阅读次数：
151
1， 媒体查询表达式之间还可以用逗号，@media (max-width:800px), print 它表示或的意思 @media (max-width: 800px) OR print; 2， not 是对整个表达式的否定 @media not all and (min-width: 765px) ...
分类：
Web程序 时间：
2017-03-19 00:01:20
阅读次数：
702
css的知识：@media screen and .... 在这里的代码都是针对屏幕宽度做自动判断的，一般的几个media实际只会生效其中的一个 eg:@media sreen and (max_width:769px)and (min-width:481px) .pdp-hero.hero-con ...
分类：
其他好文 时间：
2017-03-15 15:15:33
阅读次数：
267
HTML5实现图片自适应手机屏幕页面的css。 HTML5写手机页面，读取图片，如果图片大于手机屏幕的宽度,就显示100%屏幕，如果小于，就显示原图。 CSS的max-width就能实现了，不要设置img的宽和高。 ...
分类：
移动开发 时间：
2017-03-13 16:15:16
阅读次数：
242
