画像の最大幅を calc() で制御する
画像の幅をコンテンツに合わせてフレキシブルにしたい場合、親要素の幅を超えないようにするには CSS の max-width プロパティに 100% を指定する。 img { max-width: 100%; border: 1px solid silver; padding: 0.25em; } ただ、画像にパディングやボーダーを持たせた場合、その分が親要素の幅より大きくなってしまうことがある (Fig 1)。 Fig 1: パディングとボーダーを持つ画像に `max-width: 100%;` を指定すると、親要素の幅を越えてしまうことがある これをつねに親要素に収めるようにするには、box-sizing プロパティを利用して画像の幅がパディングとボーダー込みで算出されるようにする、という手がある。 img { max-width: 100%; border: 1px solid sil
【Facebookページで使えるWEB文章術】投稿がもっと読んでもらえる３つのコツ
【Facebookページで使えるWEB文章術】投稿がもっと読んでもらえる３つのコツ ファンの興味に合わせたネタ、好感度の高い画像、反響の高い時間…Facebookページ投稿のテクニックにはかなり気を使っているはずなのに、なぜか「いいね！」やコメントが付かないとお悩みではないですか？ もしかしたら、文章自体が読みづらいのかもしれません…… Facehands © by Mó_Tlba こんにちは、SMMLabの藤田です。 「ファンが知りたい情報を発信しましょう」「思わずいいね！したくなる画像を投稿しましょう」など、効果的と言われるFacebookページ投稿のテクニックは色々ありますが、渾身の投稿も読みづらい文章では最後まで読んでもらうことができません。 そこで今回は投稿テクニックではなく、「文章表記」に注目した3つのコツをご紹介します。ちょっとしたことに気をつけるだけで、グッと“読みやすい”
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
