2016-03-14 5 views
-2

Я использовал все уже и не знаю, почему мои @Media Queries не работают. «viewport» уже добавлен в HTML-заголовок, @media находятся в конце документа CSS.Проблемы с медиа-запросами

код CSS:

@media only screen and (max-width: 768px) { 
    .bio_img { 
    width: 50%; 
    } 

    .bio_photo { 
    width: 30%; 
    } 

    .youtube { 
    margin-left: 20%; 
    } 
} 
+1

Показать свой HTML. И, пожалуйста, ответьте в ближайшее время, иначе ваш вопрос будет закрыт как неясный. –

+0

он работает хорошо, могу я спросить вас, где вы помещаете «медиа-запросы» в файл css? и у вас есть другой запрос? – Pedram

+0

Мы не можем помочь вам без вашего HTML или даже больше вашего CSS, поскольку мы не знаем, какие правила применяются и где, поэтому мы не знаем результат, который вы видите, что является проблемой. Предложенный вами запрос выглядит так, как будто он должен работать, поэтому должно произойти что-то еще. – somethinghere

ответ

0

Ваша проблема является // комментарии.

CSS не может прочитать это. вам нужно/* комментарий здесь идет */

в этом случае вы должны использовать

/* Tablet diagonal width:768px */ 

вот ссылка с кодом и испытания.

https://jsfiddle.net/Willox_san/e68of5sL/2/

удачи!

+0

Я также заказал их, но это не обязательно. – Willox

+0

спасибо, теперь это работает :) –

Смежные вопросы