CSS

CSS
  • 2016.09.16
  • ,

【CSS】入りきらない文字列を三点リーダ(…)にする方法

画面上に文字列を表示すると長文になってしまって2行になったりスクロールバーが表示されたりでデザイン上困ることがあります。 対処しようとして文字数で区切ってしまうと、半角、全角でとても面倒なことに・・・ これに簡単に対処する方法がCSSの「text-overflow」プロパティです。

CSS

レスポンシブルデザインの作成

PCやスマートフォンでは画面サイズがことなるため、それぞれに最適化したHTML、CSSを別々に用意してユーザエージェントの判定を行い、リダイレクトさせるといった面倒な手法が多いです。ですがレスポンシブデザインは1つのHTML、CSSで画面サイズによってデザインを振り分けることが可能です。