Twitter Bootstrap上でGoogle Mapsを表示しようとすると崩れちゃう件

プログラミング

Twitter Bootstrapが原因と分かるまでにもだいぶ時間がかかってしまいました…
google map上のstyleとどこがどう競合しているかわからなかったので虱潰しに調べてみました

どこが崩れるのか

原因個所

ここをコメントアウトしたら直ったのでここが原因と特定 (;´Д`)
~~~
img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
~~~

修正方法

max-widthをコメントアウトすることで直ります
影響範囲はわかりません!!

~~~
img {
/*max-width: 100%;*/
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
~~~

2012/07/03追記

という指摘をいただきました、ありがとうございます

コメント

タイトルとURLをコピーしました