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>

常用工具和代码