web常用网站整理
在线工具类
常用代码块
移动端适配
<script>
//屏幕适应
(function (win, doc) {
if (!win.addEventListener) return;
var html = document.documentElement;
function setFont() {
var html = document.documentElement;
var k = 640;
html.style.fontSize = html.clientWidth / k * 100 + "px";
}
setFont();
setTimeout(function () {
setFont();
}, 300);
doc.addEventListener('DOMContentLoaded', setFont, false);
win.addEventListener('resize', setFont, false);
win.addEventListener('load', setFont, false);
})(window, document);
</script>
兼容模式(强制使用ie8来解析)
<meta http-equiv=“X-UA-Compatible” content=“IE=8″>
Google Chrome Frame也可以让IE用上Chrome的引擎:强制IE8使用IE6或IE5模式来解析
<meta http-equiv=“X-UA-Compatible” content=“IE=6″><!– IE6 mode –>
<meta http-equiv=“X-UA-Compatible” content=“IE=5″><!– IE5 mode –>
<meta http-equiv=“X-UA-Compatible” content=“chrome=1″ />
推荐使用如下：
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
解决PNG显示问题
只需将透明png图片命名为*-trans.png
需要注意的是：此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,
默认会占满整个容器。
浏览器版本过低，提示升级
<!--[if lt IE 9]>
<p class="pa chromeframe">您使用的IE浏览器版本过低，本站不再支持，<a href="//windows.microsoft.com
/">升级您的IE浏览器</a>，或使用<a href="//www.google.cn/chrome/
">Google Chrome</a>、<a href="//www.firefox.com.cn/download/
">Firefox</a>等高级浏览器，将会得到更好的体验！</p>
<![endif]-->
css实现文字渐变
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffff71), to(#ffc84a));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display=inline-block 解决IE8以下不兼容
display:inline-block;*zoom:1;*display: inline;
注：可改用float来解决
在线调用QQ交谈
onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=1&uin=239992698&site=qq&menu=yes');"
邮件发送
<a href="mailto:zhangrr601@163.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">普通发送邮件</a>
<br>
<a href="mailto:zhangrr601@163.com?cc=someone@163.com&bcc=somebody@163.com" rel="nofollow">带抄送密送发送邮件</a>
