Вебсайт має інший вигляд на мобільному пристрої
Цю статтю перекладено за допомогою машинного перекладу. Повідомте нас про помилки в разі їх виявлення.
Вебсайт має інший вигляд на мобільному пристрої
Можлива причина проблеми
Функція Reflow адаптує вебсайти Canva до різних розмірів екрана, розміщуючи елементи вертикально, тому широкоформатні повноекранні елементи можуть змінюватися неправильно, а браузери, версії браузера й розміри пристрою можуть відображати сайт по-різному.
Рішення
- Перевірте накладання: Виберіть елементи в дизайні та змініть їхній розмір або обріжте їх, щоб їхні межі не торкалися.
- Розділіть широкі елементи: Замініть великі елементи, що займають усю ширину, на менші, які акуратно розташовуються один під одним.
- Залишайтеся в межах безпечних полів: Тримайте важливі елементи всередині меж безпечних полів.
- Попередній перегляд на мобільному пристрої: Під час редагування використовуйте панель попереднього перегляду на мобільному пристрої. Вважайте її приблизним відображенням, оскільки опублікований сайт може відрізнятися залежно від пристрою та браузера.
- Згрупуйте й заблокуйте: Згрупуйте пов’язані елементи, а потім заблокуйте групу, щоб вони залишалися разом.
Групувати елементи
Якщо певні елементи мають відображатися разом, їх слід згрупувати. Інакше під час перегляду на мобільному пристрої вони можуть відображатись окремо.
- Перетягніть курсор на елементи, які ви хочете згрупувати. Ви також можете утримувати клавішу Shift на клавіатурі й вибрати елементи.
- На рухомій панелі інструментів виберіть Згрупувати.
- Щоб перевірити, як згруповані елементи відображаються на мобільному пристрої, натисніть Попередній перегляд.
- На панелі попереднього перегляду натисніть кнопку Мобільний, щоб побачити мобільний макет.
Нижче наведено приклад мобільного подання з текстовими полями, що накладаються.
Інформація знадобилася?
Користь була
Користі не було