Jump to content

Как сделать страницу html неадаптивной ?


Recommended Posts

Здравствуйте! Возникла проблема. Подскажите, пожалуйста, как сделать чтоб блоки на странице html не сдвигались при уменьшении размера браузера или на планшетах, телефонах и т.д. 

 

Буду весьма благодарен.

Link to post
Share on other sites

Покупайте криптовалюту безопасно за считанные минуты!

  • Модератор

 

 


Не сработает. так-как остальные блоки все равно будут сдвигаться, вы решаете проблемку для общего каркаса но не для отдельных элементов.

Что каркас, а что блок - решать пользователю.

Link to post
Share on other sites

Что каркас, а что блок - решать пользователю.

Можно назвать контейнер, сути это не меняет. Пользователь зайдя со смартфона, если в медиа запросе прописано что фото на данном разрешение должно быть 120 пх стиль #wrapper {width: 1000px !important;} этого не изменит.

Link to post
Share on other sites
  • Модератор

 

 


Можно назвать контейнер, сути это не меняет. Пользователь зайдя со смартфона, если в медиа запросе прописано что фото на данном разрешение должно быть 120 пх стиль #wrapper {width: 1000px !important;} этого не изменит.

 

Тс написал:

 

Медиа-запросов в CSS нет

Link to post
Share on other sites
  • Модератор

 

 


Да они есть может идут отдельным файлом ксс но под разрешения например 768.css

Даже если и идут, попробуйте на досуге !important;  :)

Link to post
Share on other sites
  • Модератор

А зачем ему прописывать !important .wrap{width:1020px;padding:0 5px 0 10px;margin:0 auto;} если там больше нет противоречий?

В начале вы предположили наличии медиа-запросов @media only screen под разрешения экранов

А потом вы начали предполагать что  !important все равно не будет работать при наличии @media only screen

 

Я вам и предложил попробовать. Так будет или не будет? :)

Link to post
Share on other sites

В начале вы предположили наличии медиа-запросов @media only screen под разрешения экранов

А потом вы начали предполагать что  !important все равно не будет работать при наличии @media only screen

 

Я вам и предложил попробовать. Так будет или не будет? :)

Если бы у него был адаптивный шаблон с использованием медиа запросов, где исполняются пользовательские стили то да значение !importan работать будет, но его надо использовать для свойств которые должны быть в пользовательском стиле приоритетным. Но так-как в его стилях нет противоречий значение !importan использовать не имеет смысла. 

Link to post
Share on other sites
  • Модератор

 

 


Пользователь зайдя со смартфона, если в медиа запросе прописано что фото на данном разрешение должно быть 120 пх стиль #wrapper {width: 1000px !important;} этого не изменит.

 

Изменит или не изменит? Пробовали?

Link to post
Share on other sites

Изменит или не изменит? Пробовали?

Изменит, я не пробовал а делал, вот один из примеров адаптивной верстки amodei.ru Только в адаптивной верстке медиа запросах значение !importan для свойств элементов использовать не обязательно. 

Link to post
Share on other sites
  • Модератор

@Николай,ну вот и чудно  :D

 

Для тех кто не понял. Не важно что прописано для смартфонов, если указан приоритет !important; то используется именно он!

Link to post
Share on other sites
  • Модератор

Кстати, amodei.ru неплохо получился. Только счетчик внизу посмотрите, на многих разрешениях он ушел за границы экрана

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.

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.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...