2015-09-10 4 views
0

У меня есть iframe на странице, где я показываю свой собственный HTML-контент., уменьшающий просмотр содержимого внутри iframe

Мне нужно уменьшить отображение этого содержимого, , но не по определению масштабирования CSS, больше похоже на масштабирование с помощью CTRL + [колеса мыши] в браузере.

Например, если вы удерживаете клавишу CTRL и прокрутите колесико мыши, даже на текущей странице, которую вы сейчас читаете, вы заметите, что все отображает меньше, но сохраняется пропорционально и масштабируется. Конечно же, для прокрутки.

Мне нужно сделать это с помощью JS/JQ/CSS для содержимого iframe, как уже упоминалось.

Только для того, чтобы быть ясным - чтобы не было эффекта масштабирования вниз или вверх, но чтобы получить окончательный результат - отображение страницы уменьшилось.

Следует отметить, что когда я изменяю определение CSS в CSS с увеличением, все отображает меньше, но не поддерживается пропорционально и, таким образом, испортит макет и структуру страницы.

+0

* «все отображает меньше, но не поддерживается пропорционально и, таким образом, испортит макет страницы и структуру» *, при всем уважении (действительно!), Тогда вы должны действительно переделать свою кодировку. – LinkinTED

+0

Попробуйте добавить 'перспектива (1px)' для масштабирования, проверьте [эту статью] (https://css-tricks.com/forums/topic/transforms-cause-font-smoothing-weirdness-in-webkit/). – skobaljic

+1

@LinkinTED Я могу понять, почему вы это говорите, и, возможно, я был недостаточно ясен в своем вопросе об этом ... Когда я говорю здесь «свой собственный HTML-контент», я на самом деле говорю о HTML-коде, который исходит от другого сайт, который я захватываю на стороне сервера. Я не могу контролировать этот HTML-код, поэтому не могу сделать его другим и должен делать все «внешне». Однако я могу добавить свой собственный код. Поэтому я ищу что-то, что я могу добавить к этому коду, чтобы получить желаемые результаты, как описано в вопросе. благодаря – TheCuBeMan

ответ

1

Я предлагаю вам добавить css-правило transform: scale(0.5); в ваш iframe или контент, который вы хотите изменить. Пример масштабирует ваш контент до 50%.