やるしかなっちゃん

やるしかない!

コーディング

lessのcalcに死ぬほどハマった件

題名の通りのlessのcalcにとんでもない落とし穴があって今日見事にハマってしまった。 下のようなよくあるcalcを書くとする。 width: calc(100% - 90px); これをCSSにコンパイルすると下のようになる width: calc(10%); 100% - 90%になる(;´Д`)(;´Д`)(;…

CSSで画像の縦横比を維持したまま縮小する方法

max-width/max-heigthで最大値を指定して、widthとheightプロパティをautoにすればタイトル通りのことを実現できた /* 横に合わせる場合 */ max-width: 100%; height: auto; /* 縦に合わせる場合 */ max-height: 100%; width: auto; jsfiddle.net 参考サイト…