Jump to content
  • 0
Sign in to follow this  
Moe Szyslak

Отображение элемента на весь экран

Question

Moe Szyslak    0

Такой вопрос. Может вопрос глупый. Как сделать, чтобы элемент (слайдер, статическое изображение...) отображался не только на всю ширину экрана (это понятно как сделать) но и на всю высоту экрана вне зависимости от разрешения экрана?

Вот, например, как тут Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

Для слайдера, вставить в head код
 

<style>
 #<!-- ID контейнера 1 изображения -->, #<!-- ID контейнера 2 изображения -->, #<!-- ID контейнера 3 изображения --> {
 height: 100vh !important;
 }
 </style>

Кнопки управления позиционируются отдельным кодом

Для прямоугольника
 

<style>
 #<!-- ID прямоугольника --> {
 height: 100vh;
 }
 </style>

 

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
-IM-    65
В 18.12.2015 at 22:25, Павел Хомерики сказал:

Для слайдера, вставить в head код
 


<style>
 #<!-- ID контейнера 1 изображения -->, #<!-- ID контейнера 2 изображения -->, #<!-- ID контейнера 3 изображения --> {
 height: 100vh !important;
 }
 </style>

Кнопки управления позиционируются отдельным кодом

Для прямоугольника
 


<style>
 #<!-- ID прямоугольника --> {
 height: 100vh;
 }
 </style>

 

ппопробвал так сделать но при уменьшении окна изображение не уменьшается а просто обрезается на высоту окна. подскажите что не так ? 

Share this post


Link to post
  • 0
25 минуты назад, -IM- сказал:

ппопробвал так сделать но при уменьшении окна изображение не уменьшается а просто обрезается на высоту окна. подскажите что не так ? 

Дело в том что изображение будет вести себя согласно тому как вы его залили и точно так же как и без этого кода. Этот код просто растягивает див на 100% высоты вьюпорта.  Но это не отзывчивый дизайн. Если вы установите заливку изображения по центру, заполнение, то будут так же как и в обычном случае, обрезаться верх и низ согласно пропорциям.
А вот уменьшение изображения, строится совершенно на иных принципах и называются они - медиа запросы. И в Музе (пока) это не доступно.

Share this post


Link to post
  • 0
-IM-    65
40 минуты назад, Павел Хомерики сказал:

Дело в том что изображение будет вести себя согласно тому как вы его залили и точно так же как и без этого кода. Этот код просто растягивает див на 100% высоты вьюпорта.  Но это не отзывчивый дизайн. Если вы установите заливку изображения по центру, заполнение, то будут так же как и в обычном случае, обрезаться верх и низ согласно пропорциям.
А вот уменьшение изображения, строится совершенно на иных принципах и называются они - медиа запросы. И в Музе (пока) это не доступно.

получается в мьюс не сделать так как как изначально показывалось в примере ? или можно? 

Share this post


Link to post
  • 0
28 минуты назад, -IM- сказал:

получается в мьюс не сделать так как как изначально показывалось в примере ? или можно? 

Нет, сейчас  не сделать.  В будущем релизе такое будет возможно

Share this post


Link to post
  • 0
-IM-    65
4 часа назад, Павел Хомерики сказал:

Нет, сейчас  не сделать.  В будущем релизе такое будет возможно

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

Share this post


Link to post
  • 0
10 час назад, -IM- сказал:

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

ТС спросил про высоту, а не про респонсив, а пример ему скорее просто попался под руку. Я ему и ответил. С поправками на возможности музы, видимо ответ его устроил, за что он и сказал спасибо. Кроме примера читайте текст вопроса. Пример не всегда на  100%  отражает то что хочет узнать спрашивающий.
И еще такой момент - не респонсив пример подобного найти крайне трудно, если вообще возможно. Поэтому ТС дал пример сайта с отзывчивым дизайном

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...