Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Размер окна
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Размер окна

Страниц (1): [1]
 

1. Bombermag - 29 Июля, 2019 - 21:41:33 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. @media only screen and (min-width: 1024px)
  3. {
  4.     .dropdown
  5.     {
  6.         display: inline-block;
  7.     }
  8.  
  9.     .dropdown-content
  10.     {
  11.         z-index: 1;
  12.         display:none;
  13.         position: absolute;
  14.         background-color: #000;
  15.  
  16.        
  17.         padding: 46px 24px 40px;
  18.     }
  19.  
  20.     .dropdown:hover .__open
  21.     {
  22.         background-color: #000;
  23.         color: #4a4a4a;
  24.     }
  25.  
  26.     .dropdown:hover .dropdown-content
  27.     {
  28.         display:block;
  29.     }
  30. }</style>
  31. <header>
  32.         <a class="LOGO" href="#">LOGO</a>
  33.         <nav>
  34.                 <div style="">
  35.                         <a class="" href="#">Ссылка 1</a>
  36.                         <a class="" href="#">Ссылка 2</a>
  37.                         <a class="" href="#">Ссылка 3</a>
  38.                         <div class="dropdown">
  39.                                 <a class="__open" href="#">Ссылка 4</a>
  40.                                 <div class="dropdown-content"></div>
  41.                         </div>
  42.                         <a class="" href="#">Ссылка 5</a>
  43.                         <a class="" href="#">Ссылка 6</a>
  44.                 </div>
  45.         </nav>
  46. <hedaer>
  47.  


Какая задача, как сделать чтобы размер вылетающего блока dropdown-content был по всей ширине экрана и не превышал 1358px т.е если это экран ноута допустим 1366px в ширину то размер блока dropdown-content был 1358 и находися по центру экрана, если это монитор в 1280px то блок dropdown-content был по всей ширине экрана но и не превышал 1358px
2. LIME - 29 Июля, 2019 - 23:23:12 - перейти к сообщению
margin: auto
max-width
3. Bombermag - 30 Июля, 2019 - 00:18:15 - перейти к сообщению
[quote=LIME][/quote]max-width 1358 пробовал вылетает за экран контент скажем так при 1280 и других ниже экранах, а нужно чтобы была width 100% но не превышала max-width 1358, т.е если экран 1280 то 100% а если 1366 или 1680 и т.д то окно не должно быть больше 1358 а если меньше чем 1366 например 1280 то 100%
4. Vladimir Kheifets - 30 Июля, 2019 - 12:46:26 - перейти к сообщению
Bombermag пишет:

Какая задача, как сделать чтобы размер вылетающего блока dropdown-content был по всей ширине экрана и не превышал 1358px т.е если это экран ноута допустим 1366px в ширину то размер блока dropdown-content был 1358 и находися по центру экрана, если это монитор в 1280px то блок dropdown-content был по всей ширине экрана но и не превышал 1358px

Добрый день!
Попробуйте:
1. Oпределить viewport
Например:
CODE (html):
скопировать код в буфер обмена
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">  

2. В CSS width и height задавать в vw и vh
Например:
CODE (html):
скопировать код в буфер обмена
  1. width:100vw; /* 100% width Viewports */
  2. height:40vh; /* 40% height Viewports */

Удачи!
5. Bombermag - 30 Июля, 2019 - 16:30:48 - перейти к сообщению
[quote=Vladimir Kheifets][/quote]
Добавил, но вопрос остался как сделать чтобы блок был по центру экрана равномерно расположен?

left:50%
margin-left:-50%; пытался в общем приклеивает к левой части экрана и всё
6. Bombermag - 31 Июля, 2019 - 01:37:11 - перейти к сообщению
Ладно забейте надоело мне задалбываться с этим окном по другому сделал
7. armancho7777777 - 31 Июля, 2019 - 11:32:09 - перейти к сообщению
Bombermag, так может надо было вопрос раскрыть более подробно?
Что у Вас есть выпадающее меню, подменю которого должно быть не более такой-то ширины и по центру экрана. И ещё скриншот прикрепить как должно быть.
Так надо?
_https://jsfiddle.net/armancho/o5vzmq01/7/embedded/result,html,js,css
Максимальную ширину указал 1200px чтобы наглядно было.

 

Powered by ExBB FM 1.0 RC1