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