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