Блог

#css #media-queries

Вопрос:

 @media only screen (#id {attribute:value}){
#id2{
display:flex
}
 

Комментарии:

1. Что вы хотите решить с помощью этого мультимедийного запроса? При каких условиях #id2{ display:flex } следует применять? (что следует #id {attribute:value} делать?)

2. Привет, возможно, вы неправильно поняли запросы мультимедиа, которые предназначены для, ну, для запроса носителя, на котором выполняется код, я не понимаю, что вы хотите, чтобы произошло с #id {атрибут:значение} не могли бы вы описать еще что-нибудь? См. [ссылка] cdn.dribbble.com/users/419681/screenshots/4803219/…

3. Медиа-запросы @AHaworth касаются вопросов об окружающей среде, в которой происходит рендеринг. Например, ширина/высота окна просмотра, если это среда с вводом мыши или сенсорным вводом, о настройках специальных возможностей, таких как уменьшение движения, предпочтительная цветовая тема, если активен сценарий, уровень освещенности,… . И есть также черновик для запроса не только размера окна просмотра, но и размера элемента контейнера, в котором находится другой элемент ( Запросы-контейнеры ).

4. @t.niese — согласен — но я все еще не понимаю, что должно произойти с #id {атрибутом:значением} в вопросе, похоже, речь идет не об окружающей среде.

Ответ №1:

 @media only screen{ #id2[attribute:value]{ display:flex }}
 

Комментарии:

1. @NitinBansal этот комментарий в любом случае не уточняет, что вы хотите сделать.

2. Мне нужен этот экран только для @media и (div {ширина:50%}) { p { дисплей:нет; } }

3. @NitinBansal добавьте эту информацию в свой вопрос и объясните, что именно он должен делать. И до сих пор не ясно, что div {width:50%} следует запрашивать.

Ответ №2:

 @media only screen{
    TagName{
      display:flex;
    }
    #id {
      AttributeName: value;
    }   
}
 

Комментарии:

1. Мне нужен этот экран @media only и (#id{свойство:значение){ #id2[атрибут:значение]{ дисплей:гибкий }