X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Google Docs Viewer. Отображение на ПК и на Android / iOS
MacLeo
MacLeo
Topic Starter сообщение 28.12.2015, 1:15; Ответить: MacLeo
Сообщение #1


тИЦ`анутый
******

Группа: Active User
Сообщений: 1126
Регистрация: 1.6.2010
Поблагодарили: 316 раз
Репутация:   49  


Вопрос к тем, кто юзает Google Docs Viewer.

Юзаю код для отображения последнего на сайте через iframe, все норм, отображается хорошо, удобно.

Но если заходить на сайт с мобильной версии, весь сайт адаптируется, а Viewer - нет, как сделать что бы он адаптировался?

в iframe указаны размеры:
Код
style="width:600px; height:500px;" frameborder="0"

Собственно такие и отображаются на телефоне. Если их сделать резиновыми (100%), на ПК будет черти что..

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


--------------------
SEO аудиты | Сайты под ключ | Верстка | Продвижение | Web дизайн и наружная реклама
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 28.12.2015, 13:49; Ответить: mmkulikov
Сообщение #2


Старожил
******

Группа: Active User
Сообщений: 2027
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 587 раз
Репутация:   68  


Цитата(MacLeo @ 27.12.2015, 23:15) *
В идеале, сам Viewer должен понимать

Да ничего он не "должен" :) Вы ему "зажали" размеры, и хотите адптивного поведения....
Вот инструкция как это делается


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacLeo
MacLeo
Topic Starter сообщение 28.12.2015, 16:44; Ответить: MacLeo
Сообщение #3


тИЦ`анутый
******

Группа: Active User
Сообщений: 1126
Регистрация: 1.6.2010
Поблагодарили: 316 раз
Репутация:   49  


mmkulikov, да это понятно что зажал размеры, не совсем уж я не понимаю в этом :D

Сейчас сделал тоже через @media и вроде как через все онлайн сервисы Viewer отображается как надо, но при тестировании с разных телефонов - он везде одного размера, по высоте выглядит маленьким (читать с него практически не реально).

И если менять размеры - толку никакого. Такое ощущение что мобильный браузер не понимает в фрейме наличие class

Сообщение отредактировал MacLeo - 28.12.2015, 16:44


--------------------
SEO аудиты | Сайты под ключ | Верстка | Продвижение | Web дизайн и наружная реклама
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 28.12.2015, 17:06; Ответить: mmkulikov
Сообщение #4


Старожил
******

Группа: Active User
Сообщений: 2027
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 587 раз
Репутация:   68  


Цитата(MacLeo @ 28.12.2015, 14:44) *
И если менять размеры - толку никакого.

Тогда еще один мануал :beer:

П.С.
Выкинь meta name="viewport"

Сообщение отредактировал mmkulikov - 28.12.2015, 17:11


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacLeo
MacLeo
Topic Starter сообщение 28.12.2015, 18:46; Ответить: MacLeo
Сообщение #5


тИЦ`анутый
******

Группа: Active User
Сообщений: 1126
Регистрация: 1.6.2010
Поблагодарили: 316 раз
Репутация:   49  


Цитата(mmkulikov @ 28.12.2015, 16:06) *
Выкинь meta name="viewport"

Дизайн адаптивный, без этого тега не обойдусь.


--------------------
SEO аудиты | Сайты под ключ | Верстка | Продвижение | Web дизайн и наружная реклама
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 28.12.2015, 19:50; Ответить: mmkulikov
Сообщение #6


Старожил
******

Группа: Active User
Сообщений: 2027
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 587 раз
Репутация:   68  


Цитата(MacLeo @ 28.12.2015, 16:46) *
Дизайн адаптивный, без этого тега не обойдусь.

Потому, что адаптивный его и надо убрать.
Код
initial-scale=1

Как раз и приводит к ненужному Вам поведению сайта на мобилках. Т.к. вместо "адаптации" происходит "вписывание в размеры экрана устройства, любого..."


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacLeo
MacLeo
Topic Starter сообщение 28.12.2015, 20:25; Ответить: MacLeo
Сообщение #7


тИЦ`анутый
******

Группа: Active User
Сообщений: 1126
Регистрация: 1.6.2010
Поблагодарили: 316 раз
Репутация:   49  


mmkulikov, ну как бы иначе тогда мне нужно тапать по экрану что бы нормально смотреть информацию и не сролить по сторонам сайт.

Так что этот вариант не канает, лучше уж пожертвовать Viewer'ом и написать предупреждение юзеру о том, что можно тапнуть на него и он откроется в новом окне в нормальном размере.


--------------------
SEO аудиты | Сайты под ключ | Верстка | Продвижение | Web дизайн и наружная реклама
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Продажа аккаунтов - Gmail.com I Google+
аккаунты, Gmail Google+, не дорого
26 KYBERGURU73 9343 Вчера, 19:58
автор: KYBERGURU73
Открытая тема (нет новых ответов) Google назвал главные темы и тренды 2017 года
1 MissContent 323 14.12.2017, 15:59
автор: wertu
Открытая тема (нет новых ответов) 10 бесплатных сервисов Google для бизнеса, о которых мало кто слышал
18 jack 5936 14.12.2017, 12:29
автор: Akeeloq
Открытая тема (нет новых ответов) Google запустил инструмент для переноса кампаний из Директа в AdWords
7 jack 1628 14.12.2017, 0:19
автор: Ley
Горячая тема (нет новых ответов) Как заставить Google любить тебя?
Хочу роста трафа из Гугла : ))
73 Aslan88 16351 12.12.2017, 14:48
автор: coremission


 



RSS Текстовая версия Сейчас: 16.12.2017, 0:05
Дизайн