ストア版、Windows 8 スタイル版、メトロ版、モダンUI版、などの名前で呼ばれるWindows8以降のフルスクリーン表示するIEの問題。
X-UA-Compatible でIE7以前を指定すると、ページ内容に関わらず右端に常に縦スクロールバーが表示される。
これによって幅100%の要素の右端が上書きされてしまい、操作ができなくなる。
例えば以下のようなページの場合。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> </head> <body> <div style="border:solid 1px; overflow-y:auto;width:100%;height:100px"> list1<br> list2<br> list3<br> list4<br> list5<br> list6<br> list7<br> list8<br> list9<br> list10<br> </div>
