知っておくと便利なCSSの単位: ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説

2024/03/28 18 users ビューポート dvh svh Goin CSS

CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 前回はフォントに基づく相対単位でしたが、今回はビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を紹介します。 Relative length units based on the viewport -Goin... 続きを読む

CSSの100vhがスマホで高さいっぱいにならない問題はこれで解決！ CSSの新しいビューポート単位の使い方と注意事項

2022/12/08 155 users CSS 新しいビューポート単位 100vh dvh svh

先日リリースされたChrome 108で、CSSの新しいビューポート単位（svh, lvh, dvhなど）がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。 この新しいビューポート単位の基本的な使い方と注意事項を紹介します。 The large, small, and dynamic viewport... 続きを読む

朗報！ CSSの新しい単位（lvh, svh, dvh)がChromeに実装、100vhがビューポートの高さいっぱいにならない問題を解決

2022/10/04 215 users iOS ビューポート dvh svh Safari

Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChrome 108で実装されます！ CSSの新機能で、Chromeが一番最後というのは珍しいですね。 最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュー... 続きを読む

CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる

2022/05/26 451 users ビューポート iOS svh Calc Safari

Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc... 続きを読む

Dockerコンテナ内からホストマシンのルートを取る具体的な方法（あるいは/var/run/docker.sockを晒すことへの注意喚起） | 48JIGEN *Reloaded*

2015/11/04 193 users Socket Reloaded Docker Ｒｕｎ var

dockerの -v オプションを使ってホストマシンのディレクトリをマウントするときは、マウントする範囲に注意が必要（特に/var/run/docker.sockをマウントしてはならない）という話を書きます。 元ネタは@lvhが書いてるDon't expose the Docker socket (not even to a container)という記事で、1ヶ月前くらいにHacker News... 続きを読む

【2014CES】マツダ、車載情報システム「マツダコネクト」の開発環境を展示 オープン化を見据えOpenCarと協業。マツダコネクトのアプリを制作可能に

2014/01/14 9 users LVCC 協業 マツダコネクト CES マツダ

会期：2014年1月7日～10日（現地時間） 会場：Las Vegas Convention and World Trade Center（LVCC）、LVH、The Venetian 米国ネバダ州ラスベガスで開催された「2014 International CES」では、トヨタ自動車、マツダと、日本メーカーのブースを見ることができた。マツダはCESへは初出展。ブースは、新型「Mazda 3（日本... 続きを読む

【イベントレポート】IntelのSDカード型コンピュータ「Edison」の詳細が判明 ～512MBメモリ、2GBストレージ、無線機能などを詰め込む - PC Watch

2014/01/10 265 users LVCC Edison Coreプロセッサ 会期 Intel

会期：1月7日～10日(現地時間) 会場：Las Vegas Convention and World Trade Center(LVCC)、LVH、The Venetian PC Watchの読者にとってのIntelと言えば、世界最大の半導体メーカー、PC向けのCoreプロセッサを製造販売し、最近ではWindowsタブレット向けのAtomプロセッサを製造するメーカーというのが一般的な認識だろう。... 続きを読む