2014-06-08 45 views
0

我的网站全部搞乱了我的iPhone和三星Galaxy S2。我创建了一种响应式网站,它可以正确调整各种字体的尺寸,特别是在iPhone 5s上的纵向显示时,文字太小,但如果在横向上查看字体大小恰到好处,我的SGS2也一样。另外一个问题是当我第一次在我的iPhone和SGS2上加载页面时,我必须首先缩小页面,因为它只显示一定比例的页面。无法让我的字体大小在iPhone上正确缩放

请大家帮忙,我一直在尝试对此进行分类,现在已经有很多年了。这里是我正在谈论的网站link

哦,同样,当我在笔记本电脑上查看网站时,字体大小非常完美,但我猜这个窗口并不是按比例绘制的。

让我知道如果你要我包括所有的HTML和CSS

+0

链接无法打开? – Sudheer

回答

0

你可以使用一些视性质:

<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" /> 

您还可以设置样式表handeld设备。下面

<link rel="stylesheet" media="handheld, only screen and (max-device-width: 320px)" href="phone.css"> 

文件的链接有用:

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

http://www.html5rocks.com/en/mobile/mobifying/

+0

没有变化,字体仍然很小。 – user3108027

+0

纵向/横向是否已使用初始缩放= 1.0,最大缩放= 1.0解决? – thenrion

+0

不过仍然在肖像中显示非常小的文字,并使网页固定宽度,因此我必须现在向左和向右滚动以查看页面。 – user3108027

相关问题