使用Viewport创建适合移动设备的版本

前端之家收集整理的这篇文章主要介绍了使用Viewport创建适合移动设备的版本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在网站上工作,但我想要一个适合移动设备的版本.我是新手.

有人建议我应该使用下面的代码,我在这里找不到很多相关的问题:

<Meta name="viewport" content="width=320,initial-scale=1">

问题是我不知道如何实现它,我知道不能简单地转换整个页面.

我要求的是关于如何实现目标的一些指示.

解决方法

http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/为您介绍了视口元标记的各个方面.对于各种屏幕尺寸的优化,您可能希望使用< Meta name =“viewport”content =“width = device-width”>结合媒体查询(也在上面的文章中介绍).

请注意,您链接到的元素融合教程在视口值之间使用分号分隔符而不是逗号 – 这是不正确的.一定要使用逗号,就像你最初的例子:-)

猜你在找的HTML5相关文章