FlowType.js 将不起作用
FlowType.js won't work
我正在为自己制作一个投资组合,想使用 FlowType.js 作为响应式字体,但我无法让它工作。我尝试了每一个谷歌点击,但没有一个帮助我。你能看看我的代码吗?
这是我的网页
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<LINK HREF="stylesheet/style.css" REL="stylesheet" TYPE="text/css">
<title>Portfolio Daan Heijmans</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2"></script>
<script type="text/javascript" src="js/flowtype.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="naam">
DAAN HEIJMANS
</div>
<div id="navigatie_links">
<ul>
<li><a href="#biografie">BIOGRAFIE</a></li>
<li><a href="#vakken">VAKKEN</a></li>
</ul>
</div>
<div id="navigatie_rechts">
<li><a href="nl/index.php">NL /</a></li>
<li><a href="en/index.php">EN</a></li>
</div>
<img src="images/achtergrond_portfolio.png">
<div id="vakken_navigatie">
<ul>
<li><a href="#">DED2 |</a></li>
<li><a href="#"> PPM2 |</a></li>
<li><a href="#"> PTM2 |</a></li>
<li><a href="#"> SCO2 |</a></li>
<li><a href="#"> UXU2</a></li>
</ul>
</div>
</div>
</div>
<script>
$(function(){
$('wrapper').flowtype();
});
</script>
</body>
</html>
这是我的 CSS
body{
width: 100%;
background-color: #FFF;
margin: 0 auto 0 auto;
font-family: "Montserrat Hairline";
overflow: scroll;
font-size: 30px;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */
}
#wrapper{
overflow: hidden;
margin: 0 auto 0 auto;
width: 100%;
height: 100%;
}
#header {
max-width: 100%;
max-height: 100%;
}
#header img{
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
#naam{
width: 70%;
background-color: black;
float: left;
font-size: 1em;
color: white;
}
#navigatie_links{
width: 20%;
background-color: black;
float: left;
font-size: 1em;
color: white;
}
ul, li, a{
text-decoration: none;
color: white;
margin: 0;
padding: 0;
display: inline;
}
#navigatie_rechts{
width: 10%;
height: 10%;
background-color: black;
float: right;
font-size: 1em;
color: white;
}
#vakken_navigatie{
position: absolute;
width: 50%;
height: 10%;
margin: -15% auto 0 28%;
font-size: 1.68em;
}
尝试更改 $('wrapper').flowtype(); 到 $('#wrapper').flowtype();
相关文章:
- Js.erb VS按钮标记-不'不起作用.为什么?
- 为什么indexOf在这个js代码中不起作用
- 淘汰赛.JS'启用'长度绑定条件不起作用
- JS动态添加字段-删除按钮不起作用
- Knockout.JS标签在foreach内部不起作用
- 角度 JS + 重定向不起作用
- JS中的乘法不起作用
- Angular js+ng repeat+字母数字索引不起作用
- 角度Js ng-disabled不起作用
- 路径 lo 加载本地主机子文件夹中的文件不起作用.js仅在基路径中
- Jquery Carousel 不起作用(JS 问题)
- 验证方法在主干网中不起作用.js
- 应用程序.js在骨干中不起作用.js + 要求.js
- 路由在角度下不起作用.js - 没有控制台或语法错误
- Int from for 循环在函数中不起作用 - JS
- 为什么代码不起作用JS
- 为什么这个代码在iPad Pro上不起作用?(JS)
- .将Integer推入数组不起作用JS/JQuery
- 我的下拉列表不起作用-JS有问题
- Bootstrap弹出,粘贴不起作用.JS加载问题