Кажется, есть ошибка масштабирования webkit, влияющая на Safari для Windows (v5.1) и на Safari / Chrome для Mac.Когда вы создаете iframe и используете CSS-тег -webkit-transform со значением 'scale' меньше 1 (скажем, 0,5), элементы страницы отсутствуют, когда она отображает уменьшенную версию страницы.
Я построил наименьшую тестовую страницу, которую я могу проиллюстрировать проблему:
<html>
<head>
<title>iframe webkit scale bug</title>
<style type="text/css">
iframe.preview
{
width: 1024px;
height: 768px;
border: 1px solid black;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0;
}
</style>
</head>
<body>
<iframe class="preview" src="http://www.google.com/"></iframe>
</body>
</html>
Как новый пользователь в stackoverflow, очевидно, мне пока не разрешено прикреплять скриншоты к этому сообщению.Но я имел их и был готов поделиться!:)
Представьте себе, если хотите, скриншот из Chrome (случай успеха, см. Кнопку [Мне повезет], а также некоторые ссылки внизу ... все отображается нормально в масштабе 50%).
Теперь представьте себе скриншот из Safari (случай сбоя, отсутствует кнопка [Мне повезет], нет ссылок внизу ... пропущено много элементов страницы).
Это происходитпоследовательно для всех видов страниц, введенных в iframe;элементы просто пропадают.Также, похоже, происходит ли у вас обёртка div вокруг iframe и ограничивает его размеры (это был один из обходных путей, который я пробовал).
Есть идеи?