Загрузка...

A question for layout designers

Thread in Frontend created by W1zard9 Jan 6, 2020. 344 views

  1. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    Учусь делать сайты. Выполнил один заказ и заказчик сказал, что на разрешении 1980x1080 всё нормально, а на 1600x900 всё косо. Я ему ответил, что для 1600x900 идёт отдельная адаптация, но он ответил что сейчас оптимизируют под все разрешения. Кто прав?
     
  2. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    Он прав.
     
  3. ilinyx_inactive2875249
    Прав заказщик
     
  4. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    W1zard9, Если всё так тяжело с оптимизацией с HD до Full HD сразу, то почитай про "media" запросы в css.
     
  5. Facade_inactive892214
    Facade_inactive892214 Jan 6, 2020 Banned 14 Feb 1, 2019
    margin: 0;
     
  6. milfix
    milfix Jan 6, 2020 Banned 2281 Oct 31, 2018
    W1zard9, Конечно я прав:da:
     
  7. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    ПАНИМАЮ
    The post was merged to previous Jan 6, 2020
    Ну значит гэгэ, хотел в дотку сыграть, а пойду читать про media
     
  8. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    Вообще это всё оптимизируется без media, но если всё так плохо то этот вариант поможет.
     
  9. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    а если не лень, можешь кратко рассказать хоть как это делается (какие теги, свойства и т.д)
     
  10. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    0 - означает автоматический отступ. Если указывать всё правильно то с левой и с правой стороны отступы будут автоматический и весь контент всегда будет в центре не зависимо от разрешения экрана.
    The post was merged to previous Jan 6, 2020
    Это только малая часть, есть нюансы, лучше гайды посмотри, продуктивнее.
     
  11. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    и чтобы поставить див ,например, посередине, нужно прописывать margin-left:0;margin-right0;?
    The post was merged to previous Jan 6, 2020
    А с помощью position:relative; нельзя так же делать?
    The post was merged to previous Jan 6, 2020
    Ну все равно спасибо за помощь
     
  12. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    Это предназначено для других целей.
    По сути да, но если перед этим данный блок не имеет уже отступы, это нужно учитывать.
     
  13. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    И последний вопрос (я уже наверно тебя задолбал): Указывание ,например, margin в px, можно считать неправильным, т.к у разных мониторов кол-во пикселей разное
    The post was merged to previous Jan 6, 2020
    Но можно это решить просто указыванием %
    The post was merged to previous Jan 6, 2020
    например margin-left:10%; , то по факту у всех мониторов он должен отодвинуться на 10% от ширины монитора, правильно?
     
  14. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    Мыслишь не правильно. Делаешь блок с отступами лево и право автоматические и работаешь уже внутри этого блока. Я уже сказал смотри гайды, на наглядном примере быстрее поймешь.
     
  15. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    Спасибо
     
  16. wasyyz
    wasyyz Jan 6, 2020 27 Sep 9, 2019
    W1zard9, Я так понимаю тебе пытаются сказать, что контент нужно помещать контент в обертку .container с фиксированной шириной и margin: 0 auto;
     
  17. W1zard9
    W1zard9 Topic starter Jan 6, 2020 Banned 56 Sep 15, 2019
    А я это не понимаю :roflanpominki::roflanpominki:
    The post was merged to previous Jan 6, 2020
    Я понимаю, что я тебя уже задолбал, но подскажи, как сделать так, что бы блок был например слева
    The post was merged to previous Jan 6, 2020
    Не нашел не один гайд
    The post was merged to previous Jan 6, 2020
    только по position
     
  18. Aisy
    Aisy Jan 6, 2020 Мигрирую 3507 Nov 17, 2018
    W1zard9, Ты совсем не понимаешь? Или ты не искал? Всё есть в интернете где и разжёвывают.
    The post was merged to previous Jan 6, 2020
    margin-left: 0;
     
Loading...
Top