All geek questions in one place

Website automatically not suitable for iphone screen

The following code does not fit on the iphone screen; How do I define a viewport?

<html> <body> <center> <div id="karteu" style="background: url('../customer/Karten/karte1.jpg') no-repeat left center;width:714px;height:540px;" > </div> </body> </html>

Usually the site should be enlarged, so first I have to see the website small, and then be able to scale to see it in its original size, but in my case this is not the case when I call the site, zoom is that the image is already has this original size, and what I need to scroll, but I don’t want to scroll ... I want to use a regular safari for mobile zooming, and then scroll

The solution below does not increase anything. I want to see an overview of the image at the beginning. Then I want to be able to scale using the usual safari zoom features, ..

0
source share
2 answers
 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" />
+9
source

use the following meta tag:

 <meta name="viewport" content="width=*your site width*, initial-scale=0.30">

works for both tablets and mobile devices

0
source

Source: https://habr.com/ru/post/1490771/

More articles:


All Articles