@media не изменяет размер шрифтов на iphone

У меня на сайте есть следующий фрагмент CSS ...

Класс span отлично отображается на браузере / ipad, но @media не изменяет размер шрифта на iphone.

Пожалуйста, дайте мне знать, что я делаю не так ...

span.message 
{display:table-column;
width:589px; min-height: 65px;
padding: 10px 10px 10px 10px;
float:right;
vertical-align: top;
border-top-width : 0;
background : white;
font : normal 70% sans-serif; vertical-align: top; color: #000000;
border-radius : 0em 1em 1em 0em;}

@media screen and (max-width:640px){
span.message {font-size:40%;}
}

Спасибо gaynorvader ...

@media screen and (max-device-width: 480px){
   body{
   -webkit-text-size-adjust: none;
   }
}

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


iphone ipad css media font-size
person TJS101    schedule 11.06.2013    source источник
comment
stackoverflow.com/ questions / 3226001 /   -  person gaynorvader    schedule 11.06.2013
comment
Спасибо, gaynorvader - я видел этот пост и делаю то, что он предлагает, однако, похоже, у меня все еще старый размер шрифта ...   -  person TJS101    schedule 11.06.2013
comment
gaynorvader совершенно прав - я ошибся при редактировании. CSS добавлен выше.   -  person TJS101    schedule 11.06.2013
comment
gaynorvader - можете ли вы добавить ссылку в качестве ответа на вопрос "Я могу принять и проголосовать".   -  person TJS101    schedule 11.06.2013

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны увидеть ответ в этой ссылке, которую вам не хватает -webkit-text-size-adjust: none;

person gaynorvader    schedule 11.06.2013