問題タブ [fittextjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery-plugins - FitTextJS プラグインは、ブラウザー ウィンドウの HEIGHT のみが変更された場合、テキストのサイズを変更しません。
ウィンドウを斜めにサイズ変更すると、html に ID 1 から 7 の 7 つの div があり、fittextjs プラグインが 7 つの div 内のテキストのサイズを変更します。
ウィンドウを水平方向にサイズ変更すると、フォントサイズが細かく減少/増加します...
期待どおりに機能しないのは、ウィンドウのサイズを垂直方向にのみ変更すると、フォントサイズが減少/縮小しないことです。
最後の動作しないケースで動作させるにはどうすればよいですか?
javascript - FitText.js のフォントサイズが非常に小さい
ページを最初に開いたとき、h1
要素のフォントサイズが非常に小さく表示されます。サイズを変更すると、自動的に巨大になります。私のコードの何が問題なのか知りたいですか?
h1 の css コードに font-size プロパティを書きませんでした。ありがとう!
javascript - さまざまな画面サイズでの Fittext
私は fittext.js を使用しています。それは明らかに働いています。しかし、私の問題は画面サイズが異なることです。1920px*1080px のコンテナに幅 100% を使用すると、フォント サイズは 1280px*800px よりも大きくなります。しかし、コンテナの幅を 800px 2 のように定義すると、画面サイズは同じフォント サイズになります。どうすれば変更できますか?
html - Bootstrap 3 サイトの見出しの自動サイズ変更
<h1>
Bootstrap 3 の getboostrap.com ホームページでサイズ変更可能な要素を作成する方法: http://getbootstrap.com/getting-started/
fittext.js などのツールを使用できることはわかっていますが、それらのツールは CSS メディア クエリを使用して調整されているようです。
javascript - FitText.js が機能しない
FitText.js を使用して、見出しのサイズを変更してブラウザの幅に合わせようとしています。
私の Web サイトのいくつかのセクションでは、スクリプトは正常に機能しますが、このページでは iPhone では機能しません。ただし、デスクトップでは問題なく動作します。
コードは次のとおりです。
これがスクリーンショットです。
http://imageshack.com/a/img713/6315/4myi.png
そのため、テキストはその赤いボックスの幅に合わせてサイズ変更する必要があります。
css - レスポンシブ レイアウトでテキストを fittext.js の絶対中央に揃える
h1
タイトルが言うように、レスポンシブ要素の真ん中にテキストを配置しようと必死です。2時間試してみましたが、正しく動作しないようです。私は何を間違っていますか?
absolute
ポジショニングとマージンを試し-
ましたが、実際には正確ではないようでした:
理解を深めるために JSFiddle を作成しました
事前に感謝し、私の下手な英語で申し訳ありません