Foundation divの幅にテキストのサイズを変更できません

Question

slabtext.jsは何とか財団divsの幅を見ることができません。私はローディング後にサイズを変更しようとしていましたが、そのようなものですが、良い結果を得ることはできません。単純な列2のテキストが読むべき

<div class="row"> 
<div class="small-6 columns"> 
    <h1>HEre's Some Text to fill things up and look great'</h1> 
</div> 
<div class="small-6 columns"> 
    <h1> 
<span class="slabtext">here's some</span><span class="slabtext">other text please work somehow!</span> 
    </h1> 
</div> 

ことができるよう、「ここで他のテキストは、何らかの形で仕事してくださいいくつかの（改行）です！」そして、すべてのテキスト列

の100％の幅であることをリサイズする必要があり、ここでフィドルの... https://jsfiddle.net/scotnery/wf9egscs/9/

は、私はどうすればよいfittext.jsをテスト& bigtext.js

同じ問題を取得してきました正しいサイジングを得るためにJSまたはCSSを変更しますか？

Answer 1

あなたのコードに単純なtableを追加すると、私のように、このように見ることができます。このjsfiddleを見てください。テーブルはでなく、と同じように使用する必要がありますが、このような状況で問題を解決します。

HTML

<div class="row"> 
    <div class="small-6 columns"> 
    <h1>HEre's Some Text to fill things up and look great'</h1> 
    </div> 
    <div class="small-6 columns"> 
    <h1> 
    <table> 
     <tbody> 
     <tr> 
      <td><span class="slabtext">here's some</span></td> 
     </tr> 
     <tr> 
      <td><span class="slabtext">other text please work somehow!</span></td> 
     </tr> 
     </tbody> 
    </table> 
    </h1> 
    </div> 
</div> 

CSS

h1{ 
    line-height: .85; 
} 

Javascriptを

$(document).foundation(); 
$("h1").slabText();