2015-08-04 3 views
0

У меня возникают проблемы с CSS, когда я пытаюсь найти сайт на мобильном устройстве, высота строки остается равной 65 пикселей, это можно устранить, поставив перед собой важное значение, но это не так. вид исправления, который я хочу, должен ли я использовать класс или что-то еще?Проблема с идентификаторами и запросами на средства массовой информации

Большое спасибо

/*Change the glyph size when necessary*/ 
@media only screen and (max-width:990px) 
{ 

    #IEGlyphPlacement 
    { 
     line-height: 80px; 
    } 

} 


#Glyph 
{ 
    line-height: 65px; 
} 

ответ

0

Таргетинг другой элемент внутри запроса средств массовой информации. Медиа-запрос нацелен на элемент с идентификатором IEGlyphPlacement, а не Glyph (который вы определяете в коде для мультимедийных запросов).

Update следующим образом:

/*Change the glyph size when necessary*/ 
@media only screen and (max-width:990px) 
{ 

    #Glyph 
    { 
     line-height: 80px; 
    } 

} 


#Glyph 
{ 
    line-height: 65px; 
} 
+0

ах да, жаль, что был просто вопрос, когда я взял, что я думал, что не имеет никакого значения кода, здесь немного больше информации, если вы можете взломать его HTTP://i.imgur.com/Z2ka8xn.png Не могли бы вы объяснить, почему эта линия-высота в медиа-запросе вычеркнута? –

+0

Это вычеркнуто, потому что медиа-запросы менее специфичны, чем универсальные идентификаторы. Попробуйте обновить селектор медиапроцессора до 'body # Glyph'. – BenM

+0

Отлично! Это сработало! С благодарностью –

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