https://codepen.io/captlid/pen/EzBNGj
Моя цель - сделать каждый iframe изменяемым размером пользователем.
.example {
float:left; height:380px; width:380px;
overflow: auto; overflow-y: hidden;
resize:both; position:relative; z-index: 1; }
.youtube {
width: 98%; height: 98%;
border: none;
}
Это действительно странно. Таким образом, первый iframe должен иметь видео на YouTube, второй - встроенный календарь Google, он отображается в codepen.io.
но не в отдельном файле HTML на моем компьютере в Firefox.
Отображается на отлично хром.
Это на компьютере с Windows 8, последние версии каждого браузера.
Я подозреваю, что это потому, что по какой-то причине firefox неправильно декодирует специальные символы uri, но я не уверен.