スマホサイトで便利!片方可変のボックスレイアウトの作りかた
Web制作
2016年10月31日
こんにちは。丹羽です。
スマホサイトでは画面の幅がデバイスによってバラバラです。
より少ないCSSコーディングで、片方のボックスが固定サイズ、もう片方は可変(リキッド)にしたいときが多々あります。
今までの作りではネガティブマージンを指定してなど、いろいろ方法がありましたが、
CSS3にあるcalc()ファンクションを使うと超便利!
CSSとHTMLのサンプルコードはこんな感じです。
ブログ
Web制作
2016年10月31日
こんにちは。丹羽です。
スマホサイトでは画面の幅がデバイスによってバラバラです。
より少ないCSSコーディングで、片方のボックスが固定サイズ、もう片方は可変(リキッド)にしたいときが多々あります。
今までの作りではネガティブマージンを指定してなど、いろいろ方法がありましたが、
CSS3にあるcalc()ファンクションを使うと超便利!
CSSとHTMLのサンプルコードはこんな感じです。
VirtualBoxでGuest Addsinionsをインストールしても画面サイズが変わらない場合の対処法
弊社の制作環境はMacで、制作したサイトのIEチェックはVMwareもしくはVirtualBoxにイ...
2017年3月8日
WordPressでショートコードを使って外部PHPファイルを読み込む方法
WordPressでサイトを構築している方には馴染みのあるショートコード。例えばお問い合わせのプラグ...
2024年7月12日
Dreamweaver CC 2017で自動作成されるcssファイルを作らない方法
エディタをDreamweaver CC 2017に乗り換えて少し気になったことがあります。それはSa...
2017年3月23日
本日、 1人が閲覧しました
© 2025 WEBLIC LLC