//当屏幕宽度小于480px的时候,引入demo.css//当屏幕大于685px的时候,启用的css样式,(内联写法)@media screen and (min-width : 685px){ .header-top,.search-left,.search-right,.header-n...
分类:
其他好文 时间:
2015-09-13 18:30:12
阅读次数:
547
@media only screen and (min-width:320px){ html, body , .content{font-size:15px!important}.viewport{max-width:320px} } @media...
分类:
其他好文 时间:
2015-09-10 16:00:01
阅读次数:
121
最小最大宽度,最小最大高度,这是CSS很常见的一个要求。在现代浏览器中,一个 min-height,min-width 就可以解决问题,但是在IE系列,比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。IE6最小最大宽度:.min-width { min-width:6...
分类:
其他好文 时间:
2015-09-03 21:37:37
阅读次数:
165
@media screen and (max-width: 1200px) { .srch_index .srch_box{ left:20%; top:50%;} } @media screen and (min-width: 1201px) { .srch_index .srch_box{ left:30%; top:50%;} } @media screen and (min-widt...
分类:
Web程序 时间:
2015-08-28 17:58:57
阅读次数:
129
一、最大宽度属性max-width1、在CSS中,最大宽度属性(max-width)用来定义宽度显示的最大值,当拖动浏览器边框使其显示范围大于最大宽度的时候,元素显示最大宽度值定义的宽度。2、在最大宽度属性值中,可以使用三种属性值,分别为auto值、长度值和百分比值,其语法结构如下所示..
分类:
Web程序 时间:
2015-08-26 20:36:59
阅读次数:
507
本博客前端页面的后台设置源码:1,博客园CSS设置:@charset "utf-8";body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial; min-width: 1200px;}#h...
分类:
Web程序 时间:
2015-08-25 15:54:51
阅读次数:
396
经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢?先看下面的代码,这是从bootstrap中遍历出来的,min-width来确认分别是768、 992、1200。当然了过去也有...
分类:
Web程序 时间:
2015-08-18 15:34:57
阅读次数:
123
@media?screen?and?(min-width:1080px){
.box{?width:?1080px;}.content{width:?1040px;}
.img{height:180px;}
.img{font-size:?48px;line-height:?180px;}
.title{font-size:?46px;line-height:?100px...
分类:
Web程序 时间:
2015-08-18 12:29:50
阅读次数:
268
html{ font-size: 62.5%;}@media only screen and (min-width: 481px) { html { font-size:94%!important }}@media only screen and (min-width: 5...
分类:
移动开发 时间:
2015-08-14 18:50:15
阅读次数:
178
1.属性height 设置元素高度line-height 设置行高max-height 设置元素最大高度max-width 设置元素最大宽度min-width 设置元素最小宽度min-height 设置元素最小高度width 设置元素宽度clear 设置一个元素的侧面是否允许其他的浮动元素curso...
分类:
Web程序 时间:
2015-08-14 15:22:55
阅读次数:
126