Chrome и media queries

Недавно заметил, что масштабирование в Chrome и Safari не приводот к преминению "CSS media queries". Независимо от того где они расположены ( в @media {} либо отдельном css) - масштабирование не приводит к их применению
Например, у нас есть адаптивная верстка на несколько разрешений: 719x600, 1024x768, 1890x1000. Для каждого разрешения созданы свои стили. "Визуально" проверить - правильно все сверстано или нет в Chrome не получиться

<link rel="stylesheet" type="text/css" href="/css/layout-mobile.css" media="only screen and (max-width:719px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-mobile-portrait.css" media="only screen and (max-width:479px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-tablet.css" media="only screen and (min-width:720px) and (max-width: 985px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-normolized.css" media="only screen and (min-width:986px) and (max-width: 1180px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-normal.css" media="only screen and (min-width:1181px) and (max-width: 1235px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-wide.css" media="only screen and (min-width:1236px) and (max-width: 1585px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-wide-extra.css" media="only screen and (min-width:1586px) and (max-width: 1890px)" />
<link rel="stylesheet" type="text/css" href="/css/layout-hd.css" media="only screen and (min-width:1891px)" />

Масштабируем до 200% - в результате видим наложение/перекрытия блоков
Пример адаптивной верстки: http://www.iso.org/iso/home.html

Собственно issue создана еще в 2011г.: http://code.google.com/p/chromium/issues/detail?id=86155

Комментарии