HTML/CSS

Размеры Iframe

Если у <iframe> указать width="100%", то он растянется на всю ширину родителя, но height="100%" так не работает.

Чтобы высота заработала, нужно сделать элемент абсолютным. В примере iframe растягивается на все окно.

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <iframe src="https://www.youtube.com/embed/lmc21V-zBq0" frameborder="0"></iframe>

    <style type="text/css">
    iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    </style>
</body>
</html>

Если нужно растянуть iframe на всю ширину и высоту родителя:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <iframe src="https://www.youtube.com/embed/lmc21V-zBq0" frameborder="0"></iframe>
    </div>

    <style type="text/css">
    .box {
        position: relative;
        width: 500px;
        height: 200px;
    }
    iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    </style>
</body>
</html>
09 апреля 2019
Такой эффект можно легко сделать через CSS свойство transition например для кнопок, меню и т.д.
Цвет карты можно изменить начиная с версии 2.0 с помощью CCS фильтров, применив их к элементу .ymaps-layers-pane
Оригинальный размер капчи составляет 304x78px и чаще всего она не помещается в габариты форм сайта. Исправить это можно...
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.