cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Exit
search
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0
Upvote

responsive css don't work on my mobile phone

mathy_m-83
New Here ,
Jan 27, 2017 Jan 27, 2017

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

416
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Jon Fritz Community Expert
Community Expert , Jan 27, 2017 Jan 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">

Translate
replies 5 Replies 5
latest latest Jump to latest reply
Jon Fritz Community Expert
Community Expert ,
Jan 27, 2017 Jan 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">

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mathy_m-83
New Here ,
Jan 27, 2017 Jan 27, 2017
In Response To Jon Fritz

You can see the code

Prism

IMG_0934.PNG

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mathy_m-83
New Here ,
Jan 27, 2017 Jan 27, 2017
LATEST
In Response To Jon Fritz

thank's very much

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

the mobile web site work well

than'k

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Jan 27, 2017 Jan 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 & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mathy_m-83
New Here ,
Jan 27, 2017 Jan 27, 2017
In Response To Nancy OShea

no I don't know viewport meta tag

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Copyright © 2025 Adobe. All rights reserved.
Using the Community Experience League Terms of Use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices