Why is this font-size not working in the media query

Question

I have media queries , but in one, the font-size is not working

     @media only screen and (min-device-width: 375px) and (max-devicewidth:     667px)  
{ 
#topnav             {   padding:0px 0px 0px 0px;}
#topnav a           {   font-size:28px;}
#topnav h1          {   font-size:55px;}
#content            {   float:left;width:100%;margin: 20px 0px  0px 0px;  }
#content p          {   font-size:25px; color: #AAAAAA;text-align:justify;padding:0px 20px 10px 20px; }
#content h1         {   font-size:40px; color: #AAAAAA;line-height:140%;padding:0px 20px 0px 20px;text-align:center; }

it is the #content p that is not working , although the color is right — Gdg Gdigit, Oct 11 '16 at 12:43

Damien Bannerot · Accepted Answer · 2016-10-11T16:36:42.797

1

You have a typo error in max-devicewidth.

You should inspect your #content p element in a browser and look from what line in what css file it takes its font-size attribute, you're probably overriding it somewhere.

EDIT:

how to inspect : if you use chrome, right click on the element, click on inspect. You will have the html page as nodes, in which you can navigate. Be sure you have click on the element you want to inspect, and then look what styles are applied

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

edited Oct 11 '16 at 16:36

answered Oct 11 '16 at 12:48

Damien Bannerot

3,085
3
18
28

probably it is the overriding problem, the other attribute do work. I only do not know how I can inspect that .... – Gdg Gdigit Oct 11 '16 at 16:22
what I discovered , it works in google chrome on my pc , but the font size is not working on my iphone6 – Gdg Gdigit Oct 11 '16 at 16:57
https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787 – Damien Bannerot Oct 11 '16 at 17:29

score 0 · Answer 2 · edited May 23 '17 at 12:33

0

@media only screen and (max-width: 730px) {

 h2{
        font-size: 4.3vw;
    }

}

Responsive Font Size

edited May 23 '17 at 12:33

Community

1
1

answered Oct 11 '16 at 12:52

Razia sultana

2,051
3
13
20

Why is this font-size not working in the media query

2 Answers2