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

Question

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

Answer 1

添加视口元标记

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