Google Formulare auf Shopify für mobile Geräte einbetten?

Hi,

Ich habe ein Website bei Shopify und möchte ein Google Formular auf dieser einbetten. Das hat auch alles wunderbar geklappt über iframe, jedoch ist das Problem, dass das Google Formular für mobile Geräte komplett inkompatible auf der Seite angezeigt wird und man es nur zur Hälfte sieht. Hat jemand Ahnung wie man das richtig einbetten kann, dass es sowohl für mobile Geräte, als auch für PC etc. richtig angezeigt wird? Danke im voraus

Answer 1

[HansFragtWaaas]

Schau mal hier vorbei: https://www.quora.com/Ive-designed-a-survey-using-Google-Forms-but-it%E2%80%99s-way-too-wide-for-mobile-use-How-do-I-make-a-Google-form-responsive-on-a-mobile

Answer 2

[asored]

Hey :) Du könntest versuchen einen Container um das iFrame zu packen.

Beispiel:

<div class="embed-container">
    <iframe width="560" height="315" shttps://www.youtube.com/embed/9T7eSyo7DRU7DRU" frameborder="0" allowfullscreen></iframe>
</div>

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

Viel Erfolg! :)

Woher ich das weiß: Berufserfahrung