На нашем сайте www.crediblock.com есть форма SendGrid, которая находится в iframe. Это может быть изменено. Проблема в том, что наша CSS-тема не будет выравниваться по левому краю DIV на мобильном устройстве, поэтому форма на мобильном устройстве обрезается. Мы хотим создать код, специально предназначенный для обнаружения мобильного устройства и исправления формы ТОЛЬКО на мобильном устройстве. Сайт в порядке на рабочем столе.
Выравнивание текста по центру только на мобильном телефоне
Код из style.css:
.iframe-container {
@media (max-device-width: 800px) {
align-content: left;
}
}
Код с веб-сайта, на которомсодержание:
<div class="iframe-container">
<iframe src="https://cdn.forms-
content.sg-form.com/5f53c98f-e87c-11e9-a017-86eaf0e7293e"
name="frame2" id="frame2" frameborder="0" marginwidth="0"
marginheight="0" scrolling="auto" onload="" allowtransparency="false"
height="600" width="550"/></iframe></div>
Нет ошибок, на мобильном устройстве форма переходит вправо. Думая о теге «переполнение = 0», я помню - нужна помощь здесь.