blogフォントサイズの最小値と最大値を決めてその間は横幅に応じて拡縮するSCSSのmixinを作ってみました。copainSPとPCのデザインカンプがあるが、その間(タブレット)のフォントの指定がない場合に悩まないように作成しました。こちらのページを参考にしました。window.innerWidth;に変更します。*一応変更は自己責任でお願いします。1として修正されています。原因はwindow.devicePixelRatioの値が取れないためのようです。出力したHTMLファイル内に以下のような箇所があります。window.devicePixelRatio,これを以下のように書き換えます。window.screen.logicalXDPI),以上になります。copainアップロードフォルダの容量が多すぎると止まってしまうようです。アップロードフォルダをパッケージ対象から除外すれば大丈夫でした。copain前回に引き続き具体的なレイアウトに縦書きを使ってみた例です。DEMO:縦書きレイアウト1レスポンシブ、Webフォント(typekit)で実装しています。IE10+、ほかはブラウザの最新版で検証しました。break-word;としました。要素の高さなどが不安定でいまいち読めないところがありました。SP時は縦書きをすべてクリアしました。cover;を指定してみました。一方でブラウザごとの差異もまだまだ有りますね。縦書き部分のボックスの高さを決めないとブラウザ間で違った段数になる。高さを決めてoverflow:scrollにした場合Chrome以外はスクロールバーが左に出る。Androidブラウザー(4.1.3で検証)はtypekitでのWebフォントは反映されませんでした。言え、表現重視で行きたい場合は現状でも結構手応えを感じました。copainキャプチャはdemoよりjQueryのカレンダープラグインCLNDR.jsですが、バージョン1.2.11から複数月に対応していたようです。(投稿日現在はv1.4.1)横に2列になっていますが、CSSで整形されているので縦並びも可能です。copain前回に引き続き具体的な例を2つほど作成しました。差し込み的に使えるかと思います。■ドロップキャップ2段目の頭の1文字だけを大きくする、よく見かける表現(宮沢賢治の「宮」)ですがFirefoxではfloatさせると妙な感じになってしまいました。使用に同意したとみなされます。