Можно ли скрыть часть адаптивного веб-дизайна на небольших экранах?

Это страница новостей моего первого адаптивного сайта.

введите описание изображения здесь

Показана полная высота (также включена часть прокрутки вниз).

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

Возможно ли это или это может стоить дополнительных усилий для разработчиков?

Я написал статью на тему адаптивного дизайна, которая может быть вам полезна. Этот вопрос слишком широк. Если у вас есть конкретные вопросы о вашем дизайне, обновите свой вопрос, чтобы включить их.
Во-первых, это термин «Отзывчивый», а не «Адаптивный». Во-вторых, да, это очень возможно. Если вы хотите скрыть определенные элементы при разных разрешениях экрана, вам нужно будет использовать Media Queries в вашем CSS и добавить свойство display: none;
Во-первых, спасибо за ответ, во-вторых, позвольте мне сказать вам, что «адаптивный», как я упомянул в своем вопросе, означает, что веб-сайт адаптируется к размеру экрана в режиме реального времени, а «отзывчивый», как вы меня поправили, — это веб-сайт. дизайнерский подход сделать сайт адаптивным =)
Привет, Соник, я отредактировал заголовок вопроса, чтобы лучше отразить то, что, по моему мнению, вы спрашиваете. Если я ошибаюсь, не стесняйтесь вернуть или улучшить мои правки !

Ответы (1)

Это должно быть возможно довольно легко, если вы правильно проинструктируете своего веб-разработчика. Им придется дать бару определенный так называемый classи включить медиа-запрос, чтобы скрыть его на небольших экранах.

например:

HTML

<div class="foo">
    <div class="bar-element">
    ...
    </div>
    <div class="bar-element">
    ...
    </div>
    ...
</div>

CSS:

@media only all and (max-width: 660px) {
    .foo {
    display: none;
    }
}
Можно ли скрыть часть адаптивного веб-дизайна на небольших экранах?
СпросиСетьПолитика конфиденциальности1y, 0v