Mobile 网站移动版:根据屏幕大小进行调整

Mobile 网站移动版:根据屏幕大小进行调整,mobile,web,screen,resolution,Mobile,Web,Screen,Resolution,我意识到创建网站的移动版本是一件复杂的事情。然而,我特别注意到,当你在iphone上的移动浏览器ie safari上浏览大多数大型网站时,它们会立即填满整个页面。相比之下,我的网站显示的字体小,边框有空白,你需要手动调整以填满iphone屏幕。我想部分解决方案是用百分比代替像素规格。要让站点立即填满窗格,还需要其他什么吗?可能是关于开始时的html doctype或其他元数据?添加视口元标记 <meta name="viewport" content="width=device-width

我意识到创建网站的移动版本是一件复杂的事情。然而,我特别注意到,当你在iphone上的移动浏览器ie safari上浏览大多数大型网站时,它们会立即填满整个页面。相比之下,我的网站显示的字体小,边框有空白,你需要手动调整以填满iphone屏幕。我想部分解决方案是用百分比代替像素规格。要让站点立即填满窗格,还需要其他什么吗?可能是关于开始时的html doctype或其他元数据?

添加视口元标记

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

添加视口元标记

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


你试过使用吗?你试过使用吗?太棒了。成功了!真不一样,太棒了。成功了!多么不同啊。