Deutsch

css для iframe

305  
Ivan_Pomidoroff коренной житель16.11.17 21:22
Ivan_Pomidoroff
NEW 16.11.17 21:22 
Последний раз изменено 16.11.17 21:25 (Ivan_Pomidoroff)

Надо чтобы высота фрейма переключалась на телефонах (маленьких разрешениях). Есть файл @media в котором указаны параметры для телефонного размера, можно сделать так чтобы iframe принимал эти параметры для "height"?


А вообще было-бы хорошо чтобы картинка скалировалась в зависимости от размера экрана, но это фигня походу не на моём сайте прописана ((( кароче машинка сверху не скалируется по высоте как это можно исправить? http://logvin.de/

#1 
Ivan_Pomidoroff коренной житель21.11.17 10:27
Ivan_Pomidoroff
21.11.17 10:27 
в ответ Ivan_Pomidoroff 16.11.17 21:22

Ваще нет никаких идей?

#2 
Vovan(ator) коренной житель21.11.17 12:23
Vovan(ator)
NEW 21.11.17 12:23 
в ответ Ivan_Pomidoroff 21.11.17 10:27

С Iframe сейчас мало кто работает.


Я как-то видел один видик, так там через ява-скрипт стили присваивали.

А если напрямую, без яваскрипта, то мало что работает так как надо.

#3 
Sergo2008 коренной житель21.11.17 15:51
Sergo2008
NEW 21.11.17 15:51 
в ответ Ivan_Pomidoroff 16.11.17 21:22

Ну так пропиши в последнем по загрузке ксс файле стили для iframe, и что в него вложено, не кто не запрещает переопределять стили самого iframe и того что внутри.

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

Что касается канвы, что 3д модель выводит, то и там можно всё подогнать. У меня нет в данный момент времени, но на быструю я попробовал, и всё работает, только что фрейм оставался постоянной высоты. Так что, всё можно сделать, было бы желание...

#4 
Ivan_Pomidoroff коренной житель21.11.17 19:02
Ivan_Pomidoroff
NEW 21.11.17 19:02 
в ответ Sergo2008 21.11.17 15:51

Так фрейм как раз стили и не берёт, только что ХТМЛе прописанно.


всё работает, только что фрейм оставался постоянной высоты.

В этом и был вопрос.

#5 
Sergo2008 коренной житель22.11.17 14:27
Sergo2008
NEW 22.11.17 14:27 
в ответ Ivan_Pomidoroff 21.11.17 19:02

Я фрейм с 2004 года не использовал, но как то давно, на одном сайте клиента в стилях сайта переопределял стили фрейма, для виджета фесбуковских лайков, что выводит фотки тех кто лайк поставил. Ща тот сайт уже не работает, давно закрыли, но могу на выходных попробовать сделать демку, с фреймом, если время будет...


В этом и был вопрос.

Ну, так я и не пробовал менять конкретно размер фрейма, для этого надо скрипт писать, который определит высоту канвы, и заменит высоту фрейма.

#6 
regrem патриот22.11.17 16:12
NEW 22.11.17 16:12 
в ответ Ivan_Pomidoroff 16.11.17 21:22, Последний раз изменено 22.11.17 16:41 (regrem)
Надо чтобы высота фрейма переключалась на телефонах (маленьких разрешениях). Есть файл @media в котором указаны параметры для телефонного размера, можно сделать так чтобы iframe принимал эти параметры для "height"?А вообще было-бы хорошо чтобы картинка скалировалась в зависимости от размера экрана, ....

Это не проблема:

Вставляй фрейм в дополнительный див, для которого пишешь класс CSS например с названием .video-responsive{.....}

Для фрейма тоже пишешь .video-responsive iframe{.....}

Если хочешь полностью резиновую картинку, то в классе .video-responsive задаёшь процентное отношение ширины к высоте 17.2%.

#7 
Ivan_Pomidoroff коренной житель22.11.17 20:47
Ivan_Pomidoroff
NEW 22.11.17 20:47 
в ответ regrem 22.11.17 16:12

Ура!!! Заработала!!! )))

Regrem, большое спасибо! )

#8