[ HTML5 / CSS3 ] Xperia系のCSS3バグのメモ

国内向けのグローバルモデルでないSony mobileのXperiaにてバグがあったのでメモ。

100%指定しているブロック要素の中において、
width/heightを指定した状態でmax-width/max-heightの指定をするとmax-~の設定が優先されてしまうバグ。
 
縦横比は変えずに一定のサイズを指定し、そこにはまらない場合は同じ比率のままで拡縮する、といった設定をしようとすると、比率が崩れ、どちらかが伸びた状態になってしまいます。
 
本来、縦長でも横長でも、ある程度のサイズ補完を行おうとするとデフォルトはブロック要素内でautoを指定するようなことがあるのですが、それができないという、結構痛いバグ。