Jump to content
  • 0

Проблема с Web Developer..


flagreit
 Share

Question

В общем не получается протестировать вёрстку под различные мониторы. Родное разрешение 1024x768. При изменении разрешения в Web Developer, к примеру, на 1900x1200 происходит всего небольшое смещение, и всё. Также и под все остальные. Подскажите, в чём может быть проблема, что делаю не так?

3HljU93v.jpg

q7WQSloj.jpg

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

Может это частный случай, но у меня в хроме и Web Developer (именно разрешения экрана) и FireBug отказываются нормально работать. Видимо это плагины все-таки для фокса. А встроенный Ctrl+Shift+I без глюков.

Link to comment
Share on other sites

  • 0

Извините, а как вы себе это представляете?

Web Developer просто пытается сделать окно под размер разрешения. Сделать окно больше, чем настоящее разрешение нельзя. Мало того, что просто места нет, так ещё и соотношение экранов разное.

Чтобы получить отдалённое представление, как будет выглядеть страница в большом разрешении можно использовать масштабирование (Ctrl+ и Ctrl-).

Link to comment
Share on other sites

  • 0

Ясно, спасибо, Влад!

Serlutin, то что нельзя это понятно, но я говорю про наглядность. Именно, как это делается с"ctrl+". Только там на глаз можно предположить, примерно под какое разрешение произошло изменение..вот и поэтому хотелось точных данных, что думал и даст мне WD. Что ж, придётся последним отдалённо представляться

Link to comment
Share on other sites

  • 0
Кажется понятно. WD не умеет расширять больше, чем установленное расширение монитора. Уменьшать да, это пожалуйста, а увеличивать никак.

Незнаю как в других ОС, но в ХР даже вручную окно программы шире чем ширина монитора не сделать.

А если вы делаете окно ФФ меньше чем расширение монитора через WD - учтите что по бокам будут бордеры (их ширина зависит от темы оформления винды)

Тоесть если вы в WD указали 1000 х 768, то реальная ширина внутреннего окна браузера = 1000 - 2 * В, где В - толщина бордера окна программы.

Link to comment
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
Answer this question...

×   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.

 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy