返回首页


许多智能手机的浏览器都支持控制浏览器的视窗口的逻辑尺寸和缩放视口的meta标签。在这篇文章中,我要说明什么是视口的meta标签和如何在您的网页,你可以使用它。使用视口Meta标签,在我的博客
当我拿到我的宏达HD7智能手机,我想看看我的博客如何在智能手机的浏览器。所以,我进入我的博客的地址,这是它是如何呈现在我的电话:
{S0的}
的看法是不那么好,因为博客被挤压,它不看。所以我就开始寻找解决方案,我发现了视口的meta标签。视口中的元标记控制逻辑智能手机浏览器的窗口的尺寸和缩放,并告诉它,该网页是为移动优化。就像在这个例子中可以使用meta标签:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

注意,如果你使用这个元标记,也有一些智能手机不支持!
现在我博客的显示屏将在我的手机的浏览器中看起来像这样:
{S}
优化桌面视图(它是基于社区服务器的主题是优化移动显示),只因为我的博客,博客不会显示这么好,。所以实验了错,但我认识了视口的meta标签。如果你看看我的博客在您的手机浏览器,那么你会得到第一个显示(没有视口meta标签)NBSP,它可以让你扫描我的博客,缩放,当你发现一些有趣的事情。Viewport的Meta标签选项
演示显示只有两个视口的meta标签的宽度和初始规模的属性。有更多的选项是:宽度??视口的宽度,以像素为单位。它也可以得到设备宽度(如在前面的例子)值,这表明,视口应是当前设备的宽度。视口的高度??高度,以像素为单位。宽度一样,它可以得到设备的高度值,设备的高度。初始规模有多大??设置视口的初始比例。值为1.0,显示未缩放的网页。用户可扩展性??指定用户是否可以缩放网页(放大或缩小)。可以得到"是"或没有值。规模最大或最小规模??设置为最大或最小缩放网页。可以得到值0.25至10.0之间。总结
视口meta标签使Web开发人员表示,他们建立的网页是为移动设备优化。大多数新的设备支持它包括的iPhone,Android,WebOS的,WP7的IE浏览器,以及更多。为进一步阅读有关的视口的meta标签,你可以去这个

回答

评论会员: 时间:2