手机版网站:调整屏幕大小

时间:2012-04-20 23:34:43

标签: mobile web screen resolution

我意识到创建网站的移动版本是一件复杂的事情。但是,我特别注意到大多数大型网站,当你在移动浏览器上冲浪时,即iphone上的safari立即填满整个页面。相比之下,我的网站显示小,包括字体大小,边框有白色空间,你需要手动调整,以填补iPhone屏幕。我收集的部分解决方案是用百分比替换像素规格。还有什么需要让网站立即填满窗格,也许是关于开头的html doctype或其他元数据?

1 个答案:

答案 0 :(得分:5)

添加视口元标记

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