Jump to content
  • Sign Up
Flex12

Помогите разобраться. (разрешение экрана)

Recommended Posts

Всем привет. У меня при верстке сайта по уроку возникла проблема. Сверстал все один в один (перепроверил несколько раз), но по итогу получается смещение элементов. Из за чего такое может произойти? Ссылку на скрин оставлю ниже (1левый экран то как у него, а (2)правый то как у меня) Скрин для наглядности, чтобы понять о чем я.

Spoiler

https://ibb.co/88wDBzq

 

Share this post


Link to post
Share on other sites

Здравствуйте

Смещение элементов будет присутствовать если допускается отличия в ширине окна браузера и динамическое смещение элементов. Скорей всего, если макет был сверстан PixelPerfect, то при ширине окна равной ширине макета все элементы будет на своих местах

Share this post


Link to post
Share on other sites
8 hours ago, klierik said:

Здравствуйте

Смещение элементов будет присутствовать если допускается отличия в ширине окна браузера и динамическое смещение элементов. Скорей всего, если макет был сверстан PixelPerfect, то при ширине окна равной ширине макета все элементы будет на своих местах

Простите еще раз за глупый вопрос, но как тогда верстают по макету, при маленьком разрешении экрана? Просто я не особо это понимаю. Получается что из макета (psd) верстают под свой экран? А далее уже происходит резиновая верстка? Но как тогда брать расстояние между блоками? Очень стыдно за столь глупые вопросы😅, но не знаю как такой вопрос сформулировать для гугла, чтобы почитать про это.

Share this post


Link to post
Share on other sites

Очень просто — используют PixelPerfect под конкретную ширину экрана. При увеличении ширины экрана расстояние между элементами и/или размеры элементов адаптируются под ширину экрана.

В любом случае многое зависит от задач заказчика.

Share this post


Link to post
Share on other sites
2 hours ago, klierik said:

Очень просто — используют PixelPerfect под конкретную ширину экрана. При увеличении ширины экрана расстояние между элементами и/или размеры элементов адаптируются под ширину экрана.

В любом случае многое зависит от задач заказчика.

Спасибо Вам большое за помощь!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By prank
      Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. 
      Параллакс: 
      <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом:
      <div class="ramka-5"> Рамка 5 </div> .ramka-5 { width: 4000px; position: relative; z-index: 2; background-color: white; width: 50%; margin: 0 auto; padding: 25px; border-right: 1px solid #333; border-left: 1px solid #333; border-radius: 10px; display: flex;     align-items: center;     justify-content: center;       font-size: 24px;     font-family: 'Roboto Condensed', sans-serif; }  
    • By konoplev_ps
      Добрый день.
      Проблема: Настраиваю в отдельном CSS стили для шрифтов h1, h2 и т.д., но когда начинаю их применять внутри тега div - не вижу изменений. Сам CSS подключил, в нем и другие настройки стилей, которые успешно применяются к файлу html.
  • Member Statistics

    46,871
    Total Members
    1,451
    Most Online
    Kustovskyi
    Newest Member
    Kustovskyi
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • какому блоку overflow-y: auto; присвоить, чтобы что-то не работало?
    • Доброго времени суток, путник! Мы, команда XPROXY.PRO, предлагаем тебе самую обширную в мире сеть прокси-серверов на всех обитаемых континентах. Кроме того, наш сервис уникален тем, что весь наш софт, включая биллинг-систему, полностью автоматизирован и написан нами вручную с нуля – профессионально и, как говорится, с любовью. Вкратце о наших преимуществах: - доступ ко всем популярным сервисам (и не только к ним) - BACKCONNECT-подключение для всех прокси-листов - возможность персональной конфигурации пакета - поддержка протоколов HTTP/HTTPS/SOCKS5 - безлимитный трафик на всех тарифах - ежедневное обновление - широкий выбор способа оплаты: CARD/BTC/Etherium/Litecoin/Payeer/Exmo/Perfect Money и другие - «вкусная» реферальная программа - персональные скидки для постоянных клиентов Более подробная информация и цены указаны на нашем сайте https://xproxy.pro/ Также хочется несколько слов уделить нашей реферальной программе. Каждый пользователь Xproxy.Pro, зарегистрировавшийся по твоему линку, будет приносить на твой счет 20% от всех его расходов в рамках сервиса. Кроме того, если ты готов приводить новых клиентов на постоянной основе, мы с удовольствием готовы договориться с тобой о более высоком проценте начислений! Мы всегда готовы к взаимовыгодному сотрудничеству! Наши координаты в интернете: Сайт - https://xproxy.pro/ Jabber: xproxy@thesecure.biz Telegram: https://t.me/xproxypro (кликай на ЭТУ ссылку, поскольку в сети много мошенников, создавших похожие имена) Telegram chat: https://t.me/xproxyprochat Telegram channel: https://t.me/xproxyprochannel
    • Доброго времени суток. Подскажите пожалуйста , в чем может быть проблема  При присвоении overflow-y: auto; блоку, не работает выпадающее меню  Пример https://jsfiddle.net/kustovskyi/eho1kyjm/ В меню Dashboard  Если убрать в класса .sidebar-submenu-right скроллинг , то меню выпадает   
  • Popular Contributors

    Nobody has received reputation this week.

×
×
  • Create New...