@media (min-width: 768px){}/*屏幕最小为768px时调用括号里的属性*/@media (max-width: 767px) {}/*屏幕最大为768px时调用括号里的属性*/@media (min-width: 768px) and (max-width: 991px) ...
分类：
Web程序 时间：
2014-10-31 11:25:21
阅读次数：
154
页面宽高:document.body.clientWidth/Heightdocument.body.offsetWidth/Heighttips:1.如果不是最大化浏览器窗口，且在body标签设置min-width，document.body.offsetWidth会比document.body....
分类：
其他好文 时间：
2014-10-09 00:04:07
阅读次数：
329
CSS样式： .contextMenu { position: absolute; min-width: 100px; z-index: 1000; background: #fff; border-top: solid 1px #CCC; ...
分类：
其他好文 时间：
2014-09-30 17:22:49
阅读次数：
256
div+css的布局相比table布局简化了前端开发的复杂性，也会带来一些问题，现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法，给页面设置最小宽度：只需更改全局css样式表[css] view plaincopyprint?body{ /* 加入一下两行 */ min-width: .....
分类：
Web程序 时间：
2014-09-23 12:56:24
阅读次数：
260
1. 文字强制不换行,多余部分用省略号代替white-space:nowrap;text-overflow:ellipsis;overflow:hidden;2. 火狐，禁止拖拽拉动resize:none; 或者 min-width:;max-width:;min-height:;max-heigh...
分类：
Web程序 时间：
2014-09-22 18:59:42
阅读次数：
213
适用于自适应布局小于600像素@media screen and (max-width: 600px) {}大于600像素 @media screen and (min-width: 600px) {}通过css引用多个css,目的容易管理css@import url("common.css");
分类：
其他好文 时间：
2014-09-12 18:36:23
阅读次数：
159
这个图，没有设置overflow属性——即默认overflow：auto问题：缩小页面会出现这样的情况：右上角没满原因：body并没有把这个页面撑开。但是body里面的元素却撑到页面外了由于里面的内容确实有功能性需求，所以不能缩小具体功能div的width解决方法：给body设一个min-width...
分类：
其他好文 时间：
2014-09-04 13:17:09
阅读次数：
170
CSS 的属性值中经常会出现百分比，搞清它们的基数是一件很重要的事情。我特意查看了一下 W3C 的 CSS2.1 标准，在此整理下：百分比单位乘以包含块的宽度 margin, padding, left, right, text-indent, width, max-width, min-width...
分类：
Web程序 时间：
2014-08-27 10:35:07
阅读次数：
254
在css文件中可以添加筛选条件，告诉css在何种条件下用何种css代码，这可以用来实现响应式布局。实现途径有两种，一种是通过控制引入的css文件来实现：media是条件筛选语句，screen表示媒体类型，and表示并且，min-width:400px表示屏幕大于等于400px的时候引入a.css。又...
分类：
其他好文 时间：
2014-08-25 20:48:24
阅读次数：
235
构：@mediaall and( min-width:600px){样式表:即.mainbox{ background:#fff000;}}all可指定的值：样式表：使用and关键字来指定当某种设备类型的某种特性的值满足某个条件时所使用的样式，譬如以下语句指定了当窗口宽度小于640px时所使用的样式...
分类：
其他好文 时间：
2014-08-14 01:03:17
阅读次数：
210
