2016-04-12 2 views
1

Я скопировал код непосредственно с сайта о моем iframe, который был помещен непосредственно в мой код. Однако, когда созданный класс iframe кажется, что он не читает значения из класса, созданного на CSS, но он приносит свой собственный размер из кода, который был с ним связан, когда я вставляю его непосредственно в свой код. Как я могу изменить размер моего iframe так, чтобы он мог быть готов непосредственно из класса (CSS). Я удалил и удалил высоту и ширину и установил размер из своего класса, он не вносит измененийЗначения Iframe width и Height

Это мой IFrame код

 <div class="iframe"> 

      <iframe src="https://sway.com/s/3HuzZFFkT18WUe4M/embed" width="100%" marginwidth="0" height="100px" marginheight="0" scrolling="no" frameborder="no" class="iframee" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen 
mozallowfullscreen msallowfullscreen></iframe> 

    </div> 

мой CSS - Эта ширина и высота не имеют никакого влияния на код

.iframe { 
    height: 100px; 
    width: 600px; 
    margin-left:auto; 
    margin-right:auto; 

    } 
+0

Я случайно опросил ваш вопрос сегодня. То, что привлекло мои глаза, было то, что вы использовали сайт sway.com внутри iframe, и это то, что я сейчас пытаюсь сделать. Интересно, работает ли ваша страница с тех пор, как кажется, что на данный момент сервер sway.com устанавливает X-Frame-Options в SAMEORIGIN и, следовательно, iframe ничего не отображает. – sm535

ответ

1

Вы делаете изменения стиля к внешнему DIV с использованием класса CSS, но стили к IFRAME тег остается тем же. Вы можете поместить css в тег iframe, например:

iframe 
    { 
     max-height: 200vh; 
     height:200px; 
    } 
+0

Спасибо, он отлично работает сейчас :) – markoz007

Смежные вопросы