За последние 24 часа нас посетили 16592 программиста и 1651 робот. Сейчас ищет 1921 программист ...

Как развернуть на весь экран

Тема в разделе "HTML и CSS", создана пользователем AnteFil, 30 июн 2014.

  1. AnteFil

    AnteFil Активный пользователь

    С нами с:
    14 янв 2014
    Сообщения:
    531
    Симпатии:
    4
    Я открываю во фрейме игрушку <iframe width="450" height="600" src="http://сайт.ру"></iframe> не могу сделать что бы она разворачивалачсь на весь экран. Если указываю так <iframe width="100%" height="100%" src="http://media.goodgamestudios.com/games/empire/"></iframe> то в ширину разворачиваться а в высоту нет. Получаеться такая полоска. Как можно сделать что бы не указывать в пикселях высоту а что бы развернулось на весь экран
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.797
    Симпатии:
    1.331
    Адрес:
    Лень
    создай документ game.htm и запиши
    Код (Text):
    1. <iframe width="100%" height="100%" src="http://media.goodgamestudios.com/games/empire/"></iframe>
     
  3. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    А теперь внимание:
    AnteFil, а родителю ты задал 100% высоту?
     
  4. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    реальный фулскрин
    Код (Text):
    1.   <script>
    2.     function launchFullScreen(element) {
    3.       if (element.requestFullScreen) {
    4.         element.requestFullScreen();
    5.       } else if (element.mozRequestFullScreen) {
    6.         element.mozRequestFullScreen();
    7.       } else if (element.webkitRequestFullScreen) {
    8.         element.webkitRequestFullScreen();
    9.       }
    10.     }
    11.   </script>