Jump to content

Recommended Posts

Не работает свойство @media!

С чем это может быть связано?

Share this post


Link to post
Share on other sites

Если вы код пишете так же, как вопросы задаете, то не удивительно.

Share this post


Link to post
Share on other sites
18 минут назад, DispooL сказал:

Не работает свойство @media!

С чем это может быть связано?

связано с отсутствием в некоторых моментах

!important

 

  • +1 1

Share this post


Link to post
Share on other sites
1 час назад, DispooL сказал:

Не работает свойство @media!

С чем это может быть связано?

Либо вы ошиблись в синтаксисе. Либо есть более приоритетное правило. Попробуйте !important как посоветовали выше.

Share this post


Link to post
Share on other sites
4 часа назад, Linq сказал:

Либо вы ошиблись в синтаксисе. Либо есть более приоритетное правило. Попробуйте !important как посоветовали выше.

Можно по подробней,как записать и для чего!

Share this post


Link to post
Share on other sites

Попробуйте вставить это медио в самый конец файла.

Если не поможет, давайте ссылку на сайт и пишите правило, которое пытаетесь применить.

Share this post


Link to post
Share on other sites
1 минуту назад, florapraktik сказал:

Попробуйте вставить это медио в самый конец файла.

Если не поможет, давайте ссылку на сайт и пишите правило, которое пытаетесь применить.

Не сегодня,давайте завтра,может вы мне про important в @media расскажите?

Share this post


Link to post
Share on other sites
2 минуты назад, DispooL сказал:

может вы мне про important в @media расскажите?

Я не пользуюсь important.

Как-то не спортивно.

  • +1 1

Share this post


Link to post
Share on other sites
1 час назад, florapraktik сказал:

Я не пользуюсь important.

Как-то не спортивно.

Для проверки годиться. Ну а по хорошему, нужно понять что перекрывает условие.

1 час назад, DispooL сказал:

Не сегодня,давайте завтра,может вы мне про important в @media расскажите?

@media screen and (max-width: 768px) {
  body {
    font-size: 9pt !important;
  }
}

А вообще нужно как минимум код показывать, может банально ошибка синтаксиса. На а по максимуму сайт с указанием конкретного места конфликта стилей.

Edited by Linq
дополнил

Share this post


Link to post
Share on other sites
7 часов назад, florapraktik сказал:

Я не пользуюсь important.

Как-то не спортивно.

Это только в том случае, когда есть умение править стили в том числе и bootstrap (зачастую именно там "собака порылась" и оттуда ноги растут "конфликтов стилей"), умение прописывать уникальные классы и прописывать им стили, в том числе в @media, либо в стилях bootstrap... банально уметь верстать... По большому счету при наличии библиотеки bootstrap, само по себе использование @media в пользовательских файлах стилей - "не спортивно"

хотя и в стилях bootstrap этого (!important) навалом

123.png

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

Share this post


Link to post
Share on other sites
4 часа назад, Pascha сказал:

 По большому счету при наличии библиотеки bootstrap, само по себе использование @media в пользовательских файлах стилей - "не спортивно"

Подскажите, пожалуйста. Вот, если мне надо изменить размер шрифта при определённом размере экрана (что бы надпись не переносилась, а оставалась в одну строчку). Как это сделать без использования @media в пользовательских файлах стилей?

Share this post


Link to post
Share on other sites
1 час назад, florapraktik сказал:

Подскажите, пожалуйста. Вот, если мне надо изменить размер шрифта при определённом размере экрана (что бы надпись не переносилась, а оставалась в одну строчку). Как это сделать без использования @media в пользовательских файлах стилей?

одно дело, когда нужны координальные правки стилей, другое дело- приоритеты стилей, которые предопределены в бутстрап ( потому и предлагается "костыль" в виде !important)
а по теме шрифтов мы уже вели беседу ( в которую я случайно встрял) ранее
 

Share this post


Link to post
Share on other sites
14 часов назад, florapraktik сказал:

Я не пользуюсь important.

Как-то не спортивно.

Пробовал вставить в конец,тоже не работает!

вот сайт mirolada.ru

Share this post


Link to post
Share on other sites
1 час назад, DispooL сказал:

Пробовал вставить в конец,тоже не работает!

что не работает? что и где хотите поменять и не меняется? 

Share this post


Link to post
Share on other sites
3 часа назад, Pascha сказал:

что не работает? что и где хотите поменять и не меняется? 

Попробовал вставить @media в конец, не заработало!

Share this post


Link to post
Share on other sites
29 минут назад, DispooL сказал:

Попробовал вставить @media в конец, не заработало!

 

И не должно было. Хотя бы выше уже пример посмотрели. Вот, что у вас там сейчас:

@media (max-width: 768px;){

 

Подсказка: точка с запятой.

 

 

Share this post


Link to post
Share on other sites
17 часов назад, Dotrox сказал:

 

И не должно было. Хотя бы выше уже пример посмотрели. Вот, что у вас там сейчас:

@media (max-width: 768px;){

 

Подсказка: точка с запятой.

 

 

FACEPALM

Share this post


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
You are posting as a guest. If you have an account, please sign in.
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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.