ブログの画像サイズを大きくしたいです。現時点では、画像は非常に小さいです。
私のテーマは 960 グリッド システムを使用していますが、画像サイズを大きくする方法がわかりません。私の960グリッドシステムはこんな感じ
/* Standard 960px ----------- */
.grid_1 { width:48px; }
.grid_2 { width:128px; }
.grid_3 { width:208px; }
.grid_4 { width:588px; }
.grid_5 { width:368px; }
.grid_6 { width:448px; }
.grid_7 { width:528px; }
.grid_8 { width:960px; }
.grid_9 { width:688px; }
.grid_10 { width:768px; }
.grid_11 { width:848px; }
.grid_12 { width:960px; }
.column { margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.row { margin:0 auto; width:960px; overflow:hidden; }
.row .row { margin:0 -16px 0 -16px; width:auto; display:inline-block; }
私のCSSでは、画像を制御する唯一の方法は
.posts .post.photo div img{
height: auto;
max-width: 100%;
vertical-align:bottom;
}
しかし、これに幅と高さを追加すると、画像が歪んでしまいます。画像を歪ませずに大きくする方法はありますか?
これは完全なCSSへのリンクです - http://jsfiddle.net/x8P6w/