За последние 24 часа нас посетил 22291 программист и 1021 робот. Сейчас ищут 656 программистов ...

Сайт плавает при просмотре на телефоне.

Тема в разделе "HTML и CSS", создана пользователем Пэлт, 6 апр 2020.

  1. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    Хотелось бы узнать, в чём проблема? Как закрепить центр сайта для телефона?
    pangor.fun на компе всё чётко отображается, а на телефоне сайт плавает, компьютерная версия как будто. Подскажите, как быть?
    --- Добавлено ---
    это файл css. просто в txt поставил, а то залить не мог на форум
     

    Вложения:

    • default.txt
      Размер файла:
      10,6 КБ
      Просмотров:
      2
  2. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    Само название контейнера который плавает ajax-container , говорит о том что это для чего то делалось. Где вы стырили то эту верстку?) Какой то сайт из двухстысячных <html xmlns='http://www.w3.org/1999/xhtml'>
    --- Добавлено ---
    Написан на codeigniter.
    --- Добавлено ---
    Код (CSS):
    1. #ajax-container{
    2.     position: fixed;
    3. }
    max-width с боди убери
     
  3. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    с боди убрал то что сказали, и ваш код тоже добавил. Однако теперь сайт нельзя прокручивать вверх, внизХотелось бы чтобы вврх и вниз можно было крутить
     
  4. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    не знаю, у меня все прокручивается)
     
  5. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    это я убрал потому что. сейчас проверьте
     
  6. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    ты не там убрал
    --- Добавлено ---
    вот тут убери
    Код (CSS):
    1. @media (min-width: 801px)
    2. body {
    3.     /* max-width: 420px; */
    4. }
     
  7. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0

    не пойму никак. я верно сделал? если да, то сайт по-прежнему неправильно отображается(
    Код (CSS):
    1. @media (max-width: 800px) { /* это будет показано при разрешении монитора до 930 пикселей */
    2.   body {max-width: 480px;}
    3. }
    4. @media (min-width: 801px) { /* это будет показано при разрешении монитора до 930 пикселей */
    5.   body  {
    6.         }
    7. }
     
  8. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    То что было верни, то что для телефона убери
     
  9. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    для телефона, я так понимаю это нижнее медиа?
     
  10. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    научись вот этой панелью в своем браузере пользоваться:

    eqeqwe.jpg
     
  11. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    и что с ней делать?
     
  12. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @Пэлт хз чувак, я откланиваюсь
    ese111.jpg
     
  13. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    я бэкапнул файл, вернул всё как было. Ты просто через комп смотришь. Через комп всё как надо работает, а ты попробуй через телефон хром зайти на сайт
     
  14. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @Пэлт ты очень тугой парень, я тут ничем не помогу
    1323.jpg
     
  15. Пэлт

    Пэлт Новичок

    С нами с:
    1 апр 2020
    Сообщения:
    103
    Симпатии:
    0
    А почему ты проверил только на одном телефоне? На всех остальных проверь и посмотри. Увидишь что не так и что я пытаюсь донести