chromeで文字サイズ【-webkit-text-size-adjust: none;】が機能削除されたっぽい?

とりあえずメモ。
コーディングしてる際に、どうも「-webkit-text-size-adjust: none;」が
効かないので探してたら気になるフォーラムを見つけてしまった。。。

https://productforums.google.com/forum/#!topic/chrome-ja/7Y2r_dYFWrg

-webkit-text-size-adjustはこれまで規格どおりに動作しておらず、意図しない有害な使われ方が
蔓延してしまったので削除されました。

HTML内のテキストとしては最小フォントより小さい文字を表示する方法はありません。
画像、SVGなどで代替できます。

Google社員 ケント

って書かれてるので、やっぱり効かないか~。うーんどうしたものか。。。

●追記(2/13 18:28)
とりあえずの対処で、今回ラフの指定が9pxだったので、chrome用にハックかけて、lettar-spacingを詰めることでなんとか対応できましたー。
font-size:8px とかだったら危なかったかなー。

@media screen and (-webkit-min-device-pixel-ratio:0) {
.date {
	font-size:10px;
	letter-spacing:-1px;
	}
}
css

[Javascript]IE9以下にhtml5とCSS3を対応させるJSの書き方メモ

IE9以下にhtml5とCSS3を対応させるJSの書き方メモ

スマホコーディングした後に、PCコーディングすると、CSS3の便利さが手放せなくなってしまったの巻。

<!--&#91;if lt IE 9&#93;>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<!&#91;endif&#93;-->

<!--&#91;if lte IE 8&#93;>
<script type="text/javascript" src="js/DOMAssistantCompressed-2.8.js"></script>
<script type="text/javascript" src="js/ie-css3.js"></script>
<!&#91;endif&#93;-->

2つ目のCSS3対応JS
配布サイト:http://selectivizr.com/
参考:http://blog.sakurachiro.com/2010/04/ie-css3-js/

[CSS3]背景画像複数のまとめた書き方メモ

書きなれてるこっちのが便利だなーやっぱり。
CSS:

	background:
	url(/img/○○○.png) no-repeat left top,
	url(/img/○○○.png) no-repeat left bottom,
	url(/img/○○○.png) repeat-y left top;
	background-size:100% auto,100% auto,100% auto;

こっちも良いんですけどね。
CSS:

	background-image:
        url(/img/○○○.png),
        url(/img/○○○.png),
        url(/img/○○○.png);
        background-repeat:no-repeat,no-repeat,repeat-y;
        background-position:left top,left bottom,left top;
        background-size:100% auto,100% auto,100% auto;
css

[CSS]IE10と、IE9にはfilter拡張が効かない&CSSハック[覚書]

忘れないようメモ

IE9(IEtesterで確認)とIE10(Win7で確認)はfilterのcssが効かないので、個別にopacity指定する

IE6~IE8までのチェックに重きを置いてたのでIE10でチェックしたときの衝撃!!!

まじであせった。。。(T。T)

 

 

ハックの方法は下記を参考に

http://web-codery.com/html/24

http://www.aveit.biz/column/detail1382569380.html

 

css