Date:2016/02/05
Category: HTML
Category: HTML
IE11でmax-width: 100%;が効かない場合、display: table-cell;が指定されている場合には、table-layout: fixed;をさらに親要素に指定するとmax-width: 100%;が効くようになります。
Date:2015/02/03
Category: HTML
Category: HTML
head内でflexie.jpを読み込ませるだけで、通常IEには対応していないdisplay:boxを使えるようにします。
Date:2014/12/15
Category: HTML
Category: HTML
Date:2014/10/08
Category: HTML
Category: HTML
よしっ！レスポインシブ対応完了！と一安心したところ、画面右に余白が出来てしまっていました。数十ピクセルだけ横にスクロールできる感じですね・・・。どうしましょう・・・。
Date:2014/06/11
Category: HTML
Category: HTML
スマホやタブレットでPCサイトへアクセスすると、端末によってデフォルト値の横幅で表示されてしまうため、見た目がズレたり、width:100%にしていたところが短くなってしまいます。
そこで、例えば1000pxでデザインしたサイトをスマホでもそのままのデザインで見せたい場合は、head内に
ちなみに、デザインもしっかり表示させつつ、縮小表示したくない場合は
そこで、例えば1000pxでデザインしたサイトをスマホでもそのままのデザインで見せたい場合は、head内に
<meta name="viewport" content="width=1000">
を入れます。ちなみに、デザインもしっかり表示させつつ、縮小表示したくない場合は
<meta name="viewport" content="width=1000,initial-scale=1">
でOK。
Date:2014/05/15
Category: HTML
Category: HTML
IEもうやめてほしいですね・・・
Date:2013/10/04
Category: HTML
Category: HTML
最近のキャッシュコントロールはよく分かりません(笑)
http://blog.knockoutmarch.com/2008/02/06/2323.htmlを参考にさせていただきました。
メタタグに以下を追加。
http://blog.knockoutmarch.com/2008/02/06/2323.htmlを参考にさせていただきました。
メタタグに以下を追加。
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
また、body内に
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
を追加で全ブラウザイケるみたいです。※未検証
】にて運営させていただいております。いつも大変ありがとうございます。
