Design memorandum.

WebDesignに関するPersonalメモサイト。2012年2月5日オープン

「css3-mediaqueries-js」と「Respond.js」の違い

「css3-mediaqueries-js」… IE9レスポンシブ対応。「Respond.js」… IE8/9レスポンシブ対応。※コードを確認したわけではなく、あくまでも自分の環境で試した結果に基づく。また、IE7以下は未検証

(機械訳)@ import'edスタイルシート（あなたは、パフォーマンス上の理由から、とにかく使うべきではありませんが）上では動作しません。※コードを確認したわけではなく、あくまでも自分の環境で試した結果に基づく

CSS3はブラウザ依存。ブラウザがCSS3プロパティに対応していれば、「HTML4」「HTML5」「XHTML1.0」何れも表示可能。ちなみにIE9以下は、CSS3グラデーションに対応しておらず、なおかつ、「IE9」と「IE678」では、ハック方法が異なる

max-width: 100%;。原寸画像サイズまで拡大。但し、画像サイズが100pxのとき、div枠が200pxだったとしても、100pxまでしか表示しない(あくまでも最大表示サイズは、原寸。決して拡大表示されることはない)。width : 100%;。原寸画像サイズ以上に拡大

レスポンシブサイトを構築しようとすると、「max-width: 100%;」利用必須となるが、「max-width: 100%;」は、「Google MAP API」表示に影響を与えることが多い。その対策方法に関するメモ

li.active a [class^="icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); }