Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

responsive css don't work on my mobile phone

New Here ,
Jan 27, 2017 Jan 27, 2017

Copy link to clipboard

Copied

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

Views

410
Translate

Report

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

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">

Votes

Translate
Community Expert ,
Jan 27, 2017 Jan 27, 2017

Copy link to clipboard

Copied

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">

Votes

Translate

Report

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
New Here ,
Jan 27, 2017 Jan 27, 2017

Copy link to clipboard

Copied

You can see the code

Prism

IMG_0934.PNG

Votes

Translate

Report

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
New Here ,
Jan 27, 2017 Jan 27, 2017

Copy link to clipboard

Copied

LATEST

thank's very much

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

the mobile web site work well

than'k

Votes

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Report

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
New Here ,
Jan 27, 2017 Jan 27, 2017

Copy link to clipboard

Copied

no I don't know viewport meta tag

Votes

Translate

Report

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