[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > WEBデザイン・制作 > WEBデザインのネタ > CSSでmin-height、min-widthをクロスブラウザにする最も簡単な方法
CSSでmin-height、min-widthをクロスブラウザにする最も簡単な方法
下記サイトにて紹介されているmin-heightとmin-widthをレガシーブラウザでも対応できるようにするCSSハックがかなり使える感じです。
参考サイト
divの背景に画像を設定した場合など、div内のコンテンツ量が少ないと背景が途中でちょん切れちゃうのでmin-heightを 利用しますがブラウザによっては効かなかったりして個別にhackする必要あったのですが、これを利用すれば解決しそうですね。
HTML
- <div id="tec01">
- <h4>ハックなし</h4>
- <div id="noMin">
- <p>test</p>
- </div>
- <h4>ハックあり</h4>
- <div id="setMin">
- <p>test</p>
- </div>
- </div>
CSS
- #tec01 #noMin {
- min-height:200px;
- min-width:200px;
- background: url(min.gif) no-repeat left top;
- }
- #tec01 #setMin {
- /* min-height */
- min-height:200px;
- height: auto !important;
- height: 200px;
- /* min-width */
- min-width:200px;
- width: auto !important;
- min-width:200px;
- background: url(min.png) no-repeat left top;
- _background: none;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='min.png', sizingMethod='crop');
- }
実行結果
ハックなし
test
ハックあり
test