2016-12-07 6 views
1

У меня есть веб-страница, которая идеально подходит для большинства мобильных телефонов, но когда я вставляю эту страницу в iframe, чтобы отображать ее содержимое на другой странице, я могу видеть только около 75% ширины страницы на мобильных телефонах (iPhone, Galaxys, iPad); опыт заключается в том, что содержимое на встраиваемой странице становится больше в iFrame. Кто-нибудь еще наткнулся на эту проблему и знает, как ее разрешить?Содержимое увеличивается, когда отображается в iFrame?

Функция Iframe имеет следующий стиль:

iframe { 
    position: absolute; 
    top:0; 
    left: 0; 
    width: 100%; 
    height: 100%; 

} 

Page not in an iframe page embeded in an iFrame

+0

возможно попробуйте добавить 'frameborder =" 0 "' Я не понимаю ваш вопрос ... просьба предоставить больше кода и, возможно, скриншот проблемы .... – weinde

+0

Я добавил несколько скриншотов. В основном, одна и та же страница становится «большей» при встраивании в iframe. – user2075124

+0

попробуйте добавить '-webkit-transform: scale (0.5);' и '-moz-transform-scale (0.5);' вместо этих чисел вы можете попробовать разные значения ... я добавил эти nubers для демонстрации Ссылка: http://www.w3schools.com/cssref/css3_pr_transform.asp – weinde

ответ

0

Добавить -webkit-transform:scale(0.5); -moz-transform-scale(0.5); в CSS стиль вашего и что должно работать ...

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

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