知識Z(ゼータ) HTML


«Prev || 1 | 2 | 3 | 4 | 5 || Next»
Date:2016/02/05
Category: HTML
IE11でmax-width: 100%;が効かない場合、display: table-cell;が指定されている場合には、table-layout: fixed;をさらに親要素に指定するとmax-width: 100%;が効くようになります。

Date:2015/02/03
Category: HTML
head内でflexie.jpを読み込ませるだけで、通常IEには対応していないdisplay:boxを使えるようにします。

Date:2014/12/15
Category: HTML

Date:2014/10/08
Category: HTML
よしっ!レスポインシブ対応完了!と一安心したところ、画面右に余白が出来てしまっていました。数十ピクセルだけ横にスクロールできる感じですね・・・。どうしましょう・・・。

Date:2014/06/11
Category: HTML
スマホやタブレットでPCサイトへアクセスすると、端末によってデフォルト値の横幅で表示されてしまうため、見た目がズレたり、width:100%にしていたところが短くなってしまいます。

そこで、例えば1000pxでデザインしたサイトをスマホでもそのままのデザインで見せたい場合は、head内に
<meta name="viewport" content="width=1000">
を入れます。

ちなみに、デザインもしっかり表示させつつ、縮小表示したくない場合は
<meta name="viewport" content="width=1000,initial-scale=1">
でOK。

Date:2014/05/15
Category: HTML
IEもうやめてほしいですね・・・

Date:2013/10/04
Category: 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>
を追加で全ブラウザイケるみたいです。※未検証

«Prev || 1 | 2 | 3 | 4 | 5 || Next»

モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2024-03   >
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:0 人
投稿記事数:286 件
18915243