CODEWITHSUNDEEP
htmlmobileviewport
Fernando Souza
Fernando Souza

Reputation: 1779

Page displayed cut off in mobile

when this page is displayed in a mobile browser, its not scaling and its cut. Its was not supposed to be a responsive website, but at least the user should be able to zoom it in a mobile browser. I tried to configure the meta viewport, but nothing seams wrong. What should I do?

http://www.milu.jp/lp/kjcouple.php

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

Upvotes: 0

Views: 1688

Answers (2)

Fernando Souza
Fernando Souza

Reputation: 1779

I just found another solution reading this article:

How can I force a site to scale to fix for mobile (Iphone android..)

"It seemed like you should ignore most of the viewport properties and just set user-scalable to "yes". It's working on my iphone now."

<meta name="viewport" content="user-scalable = yes">

Upvotes: 1

Aniket Sarkar
Aniket Sarkar

Reputation: 11

I have edited the div's name below. Please check

Go through this article - http://www.w3schools.com/css/css_rwd_mediaqueries.asp

You have to edit the following

  1. div class="twc" - Make its width: auto

  2. div class="tweet" - Make its width: auto / left: -25px;

  3. div id="tokucho" - width: auto;
  4. div id="tokucho" - for the 3 div's - left, center and right, you have to use media queries and on specific screen sizes you have to set their width as 100%.
  5. Also for div id="mainWraper" - you have to keep all the width as 100% on specific screen sizes.

Hope it helps.

Upvotes: 1

Related Questions