About a problem of Media

HTML-CSS
1 
<style>
  p {
    font-size: 20px;
  }
  
  /* Add media query below */
  @media (max-height: 800px){ 
    p {
    font-size: 10px;
    };
  }
</style>

why it pops up the wrong message . I think it is right.

2

need more information. whats the question youre working on, what error are you getting

3

I finished it，why did he still say that “Your p element should have the font-size of 10px when the device height is less than or equal to 800px”.

4

looks right to me i guess

5

Thank you for your answer，but max-height can’t use <= operator in @media.

6

max-height: 800px is saying “apply this up to the maximum height of 800px” which is the same thing as the line quoted above.

7

This is a question in freeCodeCamp,he wants me to write a string of codes to realize the word “Your p element should have the font-size of 10px when the device height is less than or equal to 800px”.I have finished it ,the codes as written above,which should be right for me,but i failed to pass the course，so I’m very confused.

8

Your code is passing the test.

This might be a problem from setting a larger minimum font size in Chrome.

You can put this chrome://settings/fonts into the address bar and checking the minimum font size settings.

9

Thank you very much,i don’t know the chrome’s settings have affected my code… Without your answer i even think this is a BUG.