css小细节总结 1、用max-width来防止图片撑破容器 img{ display: inline-block; max-width: 100%; } 2、用pointer-event 来禁用事件 该属性可以做： 阻止任何点击动作的执行； 使链接显示为默认光标（cursor: default); ...
分类：
Web程序 时间：
2017-10-16 13:44:39
阅读次数：
235
如上代码所示，限制文段宽度，可用width或max-width，方法简单但实用。 ...
分类：
Web程序 时间：
2017-10-16 13:44:32
阅读次数：
163
@media screen and (max-width:1660px) ...
分类：
其他好文 时间：
2017-10-13 19:08:08
阅读次数：
121
@media screen and (max-width: 319px) { html { font-size: 85.33333px } } @media screen and (min-width: 320px) and (max-width: 359px) { html { font-size... ...
分类：
移动开发 时间：
2017-09-26 17:52:47
阅读次数：
489
今天帮别人做了一个兼容pc端和移动端的页面，正好温习了一下媒体查询的知识。 1、@media screen and （ max-width : 600px ）{ /*屏幕宽度<=600px的样式*/ } 2、@media screen and （ min-width : 600px ）and （ma ...
分类：
其他好文 时间：
2017-09-22 00:48:20
阅读次数：
99
在img元素中设置图片高度，宽度忽略，目的是想让高度固定而宽度自适应，结果不行。测试后发现，图片的width和height属性优先级，小于任何样式单定义。因此，有效的方式是不用属性，而是用样式单：<imgsrc="{{config.web_logo_url}}"style="height:80px;max-width:600px"oner..
分类：
其他好文 时间：
2017-09-19 22:49:06
阅读次数：
135
var result = window.matchMedia('(max-width: 768px)'); if (result.matches) { //console.log('页面宽度小于等于768px'); } else { //console.log('页面宽度大于768px'); } ...
分类：
Web程序 时间：
2017-09-07 10:59:16
阅读次数：
210
@media query 媒体查询 @media （min-width:768px）小屏 （>=） @media （min-width:992px）中屏 @media （min-width:1200px）大屏 （默认超小屏 小于768px） @media （max-width:1199px） 大屏（ ...
分类：
其他好文 时间：
2017-08-31 11:10:13
阅读次数：
201
通常做页面适配的时候，经常会用到@media属性，对不同屏幕范围内的元素设置不同的样式。但是@media属性不兼容IE8及IE8以下的浏览器 解决方法： 直接在页面中引入respond.src.js即可 /*! Respond.js v1.4.2: min/max-width media query ...
分类：
其他好文 时间：
2017-08-25 15:05:05
阅读次数：
187
<link rel="stylesheet" href="css/1.css" media="(max-width:479px)"/><link rel="stylesheet" href="css/1.css" media="(min-width: 480px) and (max-width: 7 ...
分类：
其他好文 时间：
2017-08-05 21:54:15
阅读次数：
211
