概要
状態:-
閲覧数:3,267
投稿日:2013-07-06
更新日:2013-07-06
挙動が不審になる
・既存サイトに「Twitter Bootstrap」導入したり、「Twitter Bootstrap」サイトに新しい「jQueryプラグイン」入れたりすると、挙動が不審になることがある
・「Twitter Bootstrap」さえなけりゃ、正常動作してるのに…
・なんでよ？
・どうして組み込んだ途端に動かなくなるの？ あなたは… 状態
傾向と対策
・毎回毎回同じような問題にぶち当たるので、さすがにいい加減、傾向と対策がつかめてきたよ
・そんな100％当サイト環境ベースの「試した方がよいかもしれないこと」ランキングを発表
・既存サイトに「Twitter Bootstrap」導入したり、「Twitter Bootstrap」サイトに新しい「jQueryプラグイン」入れたりすると、挙動が不審になることがある
・「Twitter Bootstrap」さえなけりゃ、正常動作してるのに…
・なんでよ？
・どうして組み込んだ途端に動かなくなるの？ あなたは… 状態
傾向と対策
・毎回毎回同じような問題にぶち当たるので、さすがにいい加減、傾向と対策がつかめてきたよ
・そんな100％当サイト環境ベースの「試した方がよいかもしれないこと」ランキングを発表
第1位 … jQuery二重読み込み
第2位 … max-width: 100%;
max-width
・軽くトラウマになるぐらい、衝突頻度高し
・不具合が生じた際は、(後々のバージョンアップを考慮し)元CSSを変更したくないので、効果を取り消すCSSを書く
問題のCSS
/* Misc
-------------------------------------------------- */
img {
max-width: 100%;
}
効果を打ち消すCSS
/* Misc
-------------------------------------------------- */
img {
max-width: none!important;
}
※但し、本来レスポンシブに必要なこのプロパティを変更することで、どのような悪影響が生じるかは不明