移动网站的iPhone问题

问题描述

我为网站构建移动版本，并遇到一些问题...

此移动网站的主页基本上是一个图片我使用这个尺寸：

• width：320px;




• height：480px;

所以，在普通的PC浏览器中显示该维度。但在iphone中，图像出现在用户眼睛的非常小的尺寸左上角...我使用宽度：100％;在CSS中

这是我第一次制作手机网站，所以任何帮助将不胜感激！
Thanks $ / $>

解决方案

尝试使用此元标记：

 < meta name =viewportcontent =width = device-width; initial-scale = 1.0; maximum-scale = 1.0;> 
  

I'm building a mobile version for a website, and i'm having some problems...

The main page of this mobile website is basically an image i made myself with this dimensions:

• width: 320px;

• height: 480px;

So, this in a normal pc browser is displayed with that dimensions... but in the iphone the image appears in the top left corner with a very small size at the eyes of the user... I'm using width:100%; in the css

This is the first time i'm making a mobile website, so any help would be appreciated!Thanks

解决方案

try using this meta tag:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

这篇关于移动网站的iPhone问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！