ハック 2018.01.16 1,888 CSS / CSS3CSS : メディアクエリを使わずレスポンシブ幅に対応する ツイート シェア はてな メディアクエリの記述を使わず、最もコンパクトにレスポンシブな幅指定する方法。.hoge { width: 90vw; //スマホ時の幅 max-width: 800px; //PC表示時の幅 } width: 90vwは画面幅の90%の幅になりますが、max-width: 800pxで最大幅を制限しているため、800pxを境にフレキシブルに幅が可変します。つくってみた!社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。Amazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた関連記事 divの縦横比を維持する CSSだけでサイズの違う画像をdivの上下中央に配置する CSS3:背景色アニメーション CSS3:n番目の要素を指定するセレクタ Safari(〜9系)でのcssアニメーション指定 CSSだけで画像をモノクロ表示にすることはできるが印刷には表示されない