jquery.fittext文字自适应填充大小效果代码

代码语言:html

所属分类:响应式

代码描述:jquery.fittext文字自适应填充大小效果代码

代码标签: 适应 填充 大小 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>FitText</title>

    <style type="text/css">
        body {
            background: #233a40;
            color: #fff;
            font: 16px/1.8 sans-serif;
        }
        .container {
            width: 84%;
            margin: 0 auto;
            max-width: 1140px;
        }
        header {
            width: 100%;
            margin: 0px auto;
        }
        h1 {
            background: rgba(0,0,0,0.2);
            text-align: center;
            color: #fff;
            font: 95px/1 "Impact";
            text-transform: uppercase;
            display: block;
            text-shadow: #253e45 -1px 1px 0,
            #253e45 -2px 2px 0,
            #d45848 -3px 3px 0,
            #d45848 -4px 4px 0;
            margin: 5% auto 5%;
        }
    </style>

    <!--[if IE]><script src="https://www.jq22.com/jquery/html5.min.js"></script><![endif]-->
</head>

<body>

    <div class="container">
        <header>
            <h1 id="fittext1">调整浏览器查看效果</h1>
            <h1 id="fit.........完整代码请登录后点击上方下载按钮下载查看

网友评论0