IE / Edge用のtextareaサイズ変更ストレッチポリフィルを作成しました

1. IE / EdgeはCSSサイズ変更をサポートしていません

IE / Edgeは、Chromeカーネルに欠陥が生じるまで、CSSのサイズ変更をサポートしていませんでした。互換性は次のとおりです。

CSSサイズ変更の互換性

モバイル端末ではありません。サポートしていなくてもわかりますが、IE / EdgeはPC端末でしか利用できません。まあ、サポートしていません。私にしかできないので、とても面白いです！

Chromeの素晴らしさをご覧ください。

Firefoxの美しさをご覧ください。

Firefoxブラウザのサイズを変更する

まさか、共有できない良いものには慣れないと言われたのですが、IE / EdgeブラウザでもCSSの素早い全身ストレッチ感を味わえるように、ポリフィルを作成しました。悪くない。

2.効果は何ですか？最初にビデオを見てください

次のビデオはIE9ブラウザーから記録されたものです。ビデオが自動的に再生されない場合は、クリックして再生してください。

あなたは効果が素晴らしいのを見ることができます：

インラインテキストフィールド（display値はinlineOR inline-block）だけでなく、ブロックレベルのステータス（display値はblock）もサポートします。
右下隅の引き伸ばされた要素は、テキストフィールドの表示ステータスの変更に自動的に追従するだけでなく、動的に挿入された<textarea>要素にも独自のサイズ変更効果があり、追加の初期化は必要ありません。

IEブラウザーをお持ちの場合は、ご自身で感じることができます。ここをクリックしてください：IE / EdgeCSSサイズ変更ポリフィルデモ

3.使用説明書

UIについて

Firefoxブラウザを使用して、グラフィックを少しずつ伸ばします。

使い方？

たとえば、JSを導入します。
```
<script src = "。/resize-polyfill.js"> </ script>
```
直接インポートでき、呼び出しや初期化はありません。

Resize-polyfill.jsは、ここをクリックしてダウンロードできます（または右クリックして名前を付けて保存します）

resize属性を使用してストレッチタイプを指定します。値は水平と垂直の両方であり、セマンティクスはCSSサイズ変更属性と同じです。例えば：

2方向にストレッチ：
<textarea resize = "both"> </ textarea>

水平方向にストレッチ：
<textarea resize = "horizontal"> </ textarea>

垂直方向にストレッチ：
<textarea resize = "vertical"> < / textarea>

ChromeブラウザとFirefoxブラウザの一貫性を保つために、次のCSSも必要です。

textarea { 
    vertical-align：top; 
    ボックスサイズ：border-box; 
    サイズ変更：なし; 
    オーバーフロー：自動; 
} 
textarea [resize] { 
    resize：both;    
} 
textarea [resize = "vertical"] {
    サイズ変更：垂直;    
} 
textarea [resize = "horizontal"] {
    サイズ変更：両方; 
}

これで終わり、小さなCSS、そしてJSファイルの導入、すべてが終わりました。非常に使いやすく、学習するAPIがなく、これは本当に優れたポリフィルです。

その他の指示

IE9以降のブラウザのサポート。
現在、<textarea>要素のみがサポートされています。共通要素のサイズ変更とストレッチはサポートされていません。実際の開発で使用されることはめったになく、必要ありません。サポートする必要がある場合は、resize-polyfill.jsを変更して、その中の'textarea[resize]'セレクターを変更できます。
実際の開発シナリオは数千万あります。私が書いたresize-polyfill.jsは、すべてのシナリオを完全にカバーできるわけではありません。適切に使用できます。<textarea>要素はブロックレベルのままにしておくことをお勧めします。これにより、詳細な問題が発生しにくくなります。。

四、ねえ、それはすぐに終わります

私は今夜バスケットボールをしに行きました。会社のバスケットボール協会は週に1試合あります。去年は忙しいので行かなかったのですが、半年近く行っています。今日また行ったのはなぜですか？少し前に熱が出ました。働いてから10年近く熱が出なかったので、半年間運動をしなかったので、小さなバクテリアに利用されました。。これは免疫力の低下の兆候です。今回は小さなバクテリアですが、悪い細胞が抑制されていないと面倒です。

ですから、どんなに忙しくても健康でいるためには運動が必要ですので、今週から週に一度バスケットボールを再開してください。

言うまでもなく、運動後は心身ともに快適です。11時近くに帰宅しましたが、仕事の状態はとても良く、集中力も非常に集中しています。この記事を2時間で手に取って、お気に入り。運動は役に立たないようですが、時間を節約できます。

一緒に運動しましょう！