Skip to main content
mathy_m-83
Known Participant
January 27, 2017
Answered

responsive css don't work on my mobile phone

  • January 27, 2017
  • 2 replies
  • 543 views

Hi

I make the create-responsive-grid-layout exercices. I a put the files index.html and styles.css on the web via FTP. When I go to the URL with my mobile phone the width is ok but the height is full page. so I can't read without zooming.

I don't understand where is the probleme

Best Regards

This topic has been closed for replies.
Correct answer Jon Fritz

Without seeing your code, it's really all guesswork. If you could post a link, that would help us determine what could be going wrong.

My guess would be that you're missing the following meta tag in your <head> section...

<meta name="viewport" content="width=device-width, initial-scale=1">

2 replies

Nancy OShea
Community Expert
January 27, 2017

the width is ok but the height is full page.

That's not a problem.  Height of page does not get smaller.  Only width gets smaller.

I can't read without zooming.

Did you add the viewport meta tag to your document?

Can we see a link to your web site?

Nancy O'Shea— Product User & Community Expert
mathy_m-83
Known Participant
January 27, 2017

no I don't know viewport meta tag

Jon Fritz
Jon FritzCorrect answer
Community Expert
January 27, 2017

Without seeing your code, it's really all guesswork. If you could post a link, that would help us determine what could be going wrong.

My guess would be that you're missing the following meta tag in your <head> section...

<meta name="viewport" content="width=device-width, initial-scale=1">

mathy_m-83
Known Participant
January 27, 2017

You can see the code

Prism