Как встроить контент на сайт Google идеального размера, чтобы контент не прокручивался? - PullRequest
0 голосов
/ 22 марта 2020

Я помогал своему местному отделу тамадистов работать с сайтом отдела и добавлял некоторый контент, вставляя код на веб-страницу сайта. Как человек с небольшим опытом в веб-программировании и дизайне, встраивание в сайты Google приводило меня в бешенство.

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

Если я встраиваю его с ЧРЕЗВЫЧАЙНЫМ количеством пустого пространства, как показано на этой странице . (Возможно, вам придется отключить блокировщик рекламы, чтобы просмотреть его правильно, так как я проверяю ip, чтобы предотвратить многократную отправку подряд). На этот раз android chrome и firefox работают отлично, без полосы прокрутки, и прокрутка страницы выглядит хорошо. В настольной версии, естественно, крайне много пустого пространства, что нежелательно, но в iOS safari все еще есть некоторая раздражающая прокрутка, несмотря на то, что полоса прокрутки не появляется.

Изображение , показывающее 2 страницы в Google представление дизайна сайта и на мобильных устройствах.

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

...