2016-04-22 52 views
0

我正在爲自己做一個投資組合,並希望使用FlowType.js作爲響應字體,但我無法使其工作。我嘗試了每次谷歌擊中,但沒有人幫助我。你能看看我的代碼嗎?FlowType.js將不起作用

這裏是我的HTML

<!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; 
} 
+0

尋求調試幫助的問題(_「爲什麼這個代碼不工作?」)必須包含所需的行爲,特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱:[如何創建最小,完整和可驗證示例。](http://stackoverflow.com/help/mcve) – Epodax

回答

0

嘗試更改$( '包裝')流動型()。到$('#wrapper')。flowtype();