Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Адаптивна верстка, що не так?
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Доброго дня, шановні.
Таке питання, що потрібно зробити, що б сайт коректно відображався на девайсах iPhone5s, Galaxy та інших зі списку хрому.
Я додав відповідні медіазапити, а норм відображається тільки на iPad і в режимі адаптивності. Як це пофіксити? Прикріплюю свій проект, може хто підкаже, як це пофіксити?
Або вкажіть на основні помилки стосовно адаптивності.
Давайте на github, а ще краще розгорніть десь, лінь скачувати і розгортати локально
яб допоміг чуваче.
але тут тобі треба сюди http://getbootstrap.com/
ненавижу бутсрап...
принаймні почни із зміни мети
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">а потім зміні врап і навчись юзати %
margin: 0 auto;
max-width: 96%;
position: relative;
width: 1180px;добре які сервіси для розгортки ви б порадили?
яб допоміг чуваче.
але тут тобі треба сюди http://getbootstrap.com/ненавижу бутсрап...
принаймні почни із зміни мети
<meta name="MobileOptimized" content="width"> <meta name="HandheldFriendly" content="True"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">а потім зміні врап і навчись юзати %
Дякую, це значно покращило ситуацію і підняло бойовий дух. margin: 0 auto; max-width: 96%; position: relative; width: 1180px;
добре які сервіси для розгортки ви б порадили?
безкоштовний хостинг називається
Треба уважно прочитати документацію bottstrap.
Приведу приклад вашої недоробки.
У вас є блоки, в котрих ви вірно вказали адаптуючі класи, наприклад col-xs-12. Але ж, ви не застосували ці класи для обгорток цих блоків - wrapper, first-carusel та інш.
я зараз, здається зрозумів в чому справа і переписую верску.
Як перепишу то вже скину.
Як прибрати горизонтальний скрол??
Я перероблюю вже краще виходить, але я не можу зрозуміти який елемент вилазить за рамки.
Ось посилання на: https://github.com/poperechnyi1/Testing-IGBeauty.git
Давайте на github, а ще краще розгорніть десь, лінь скачувати і розгортати локально
▼Прихований текст
ненавижу бутсрап...body{ overflow-x:hidden; }
Не допомогло, сторінкою все одно можна рухати по горизонталі.
А от якщо прибрати(зняти галочку) з цього то все норм:
@media (min-width: 992px)
.container {
width: 970px;
}Але для того, щоб прибрати це треба до бутстрапу лізти
Ще один ляп знайшовся: #services > div > div.row там була не закрита дужка, тчоніше закрита не там
@media (min-width: 992px)
.container {
width: 100%;
}Коротше, ось остання версія верстки, вже переправив купу костилів, але ще більша купа залишилась.
Головна проблема, що горизонтальний скрол виникае не регулярно, хоч його і взагалі не має бути.
https://github.com/poperechnyi1/IGBeauty.git
Надалі буду поглиблювати знання в даній області.
вчіть краще чисту верстку і чистий сss.
Думаю, проблема в слайдері з брендами
вчіть краще чисту верстку і чистий сss.
просто стояло завдання зробити на бутстрап
Думаю, проблема в слайдері з брендами
можливо, але я вже буду виконувати далі інший проект, зараз на ютубі подивлюсь відео уроки по верстці через бутстрап і адаптивній верстці. А там далі буде видно.
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися