`
lizaochengwen
  • 浏览: 657790 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

meta viewport标签的使用说明(手机浏览缩放控制)

阅读更多
引用
点评:网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。


现有固件的OP打开网页时总是会缩小为50%再显示,不能像iPhone 那样支持viewport设置 。

网页中有这么一句时,在iPhone的浏览器中将以原始大小显示,并不允许缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

其中:
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

可惜M8的OP并不支持,能不知道要如何设置才能让浏览器以100%大小打开网页。
Google一下发现Opera Mobile9.5才能支持,不知1.0版本新固 件的OP浏览器能否支持。
分享到:
评论

相关推荐

    html meta viewport属性说明

    移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签大致...

    HTML meta viewport属性详细说明

    移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签...

    html网页中meta viewport属性说明

    HTML中的`&lt;meta&gt;`标签用于提供元数据,其中`viewport`属性是专为移动设备设计的,它允许网页开发者控制页面在移动设备上的显示方式。移动浏览器通常会在一个虚拟的“视口”(viewport)中渲染网页,这个视口比实际...

    WebApp里的Meta标签大全

    `&lt;meta name="viewport" content="..."&gt;` 是WebApp中最关键的元标签之一,主要用于控制网页在不同设备屏幕上的渲染方式。特别是对于移动设备,通过调整viewport可以确保网页内容适配不同的屏幕尺寸,提供良好的用户...

    meta viewport使网页在iPhone中满屏显示控制

    总结来说,`&lt;meta viewport&gt;`是移动网页开发中的一个利器,它允许开发者根据需求定制网页在移动设备上的视口行为,从而实现满屏显示、防止自动缩放等目标,提升用户在小屏幕设备上的浏览体验。在设计响应式网页或...

    HTML5移动端开发中的Viewport标签及相关CSS用法解析

    `&lt;meta name="viewport"&gt;`元标签允许开发者精确控制页面的布局视口(layout viewport)、视觉视口(visual viewport)以及理想视口(ideal viewport)。 1. **布局视口(layout viewport)**: 布局视口是浏览器...

    通过viewport实现jsp页面支持手机缩放

    在移动设备上,为了优化网页在不同屏幕尺寸和分辨率下的显示效果,开发人员通常会使用`viewport`元标签。这个标签对于实现响应式设计和确保jsp页面在手机上的良好缩放体验至关重要。本文将详细解释`viewport`的概念...

    meta标签中的viewport控制设备屏幕css

    在现代Web开发中,针对移动设备的优化是至关重要的,而`&lt;meta&gt;`标签中的`viewport`属性就扮演了这样一个关键角色。`viewport`允许开发者精确地控制网页在不同设备上的展示方式,尤其是智能手机和平板电脑的屏幕。...

    viewport介绍1

    的viewport宽度会大于实际屏幕宽度,导致...通过合理设置meta viewport标签,我们可以优化网页在不同移动设备上的展示效果,提供更佳的浏览体验。在开发响应式网页或者移动应用时,理解和掌握viewport是非常重要的。

    移动端html5 meta标签的神奇功效

    通过设置Meta标签的viewport属性,我们可以控制网页在移动设备上的表现。以下是一些常用的viewport属性: 1. `width`:定义viewport的宽度,一般推荐设为`device-width`,这样网页宽度会自适应设备宽度。 2. `...

    自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

    在移动客户端手机页面布局中,meta标签的使用非常重要,今天我们将详细介绍meta标签中的几个关键属性,包括viewport、content、width、initial-scale、minimum-scale、maximum-scale,并解释它们在自适应布局中的...

    meta标签中的使用viewport定义屏幕css

    总的来说,理解并正确使用 `meta` 标签中的 `viewport` 属性,能够帮助开发者创建出适应各种屏幕尺寸的网页,提升移动设备上的浏览体验。在实践中,还需要不断测试和调整,以确保在各种设备上的表现都达到预期。

    Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)

    今天我们将使用meta标签中的name属性和content属性来控制浏览器的默认缩放大小。 二、控制Iphone手机浏览器默认缩放大小 在Iphone手机中,我们可以使用以下代码来控制浏览器的默认缩放大小: &lt;meta name=”...

Global site tag (gtag.js) - Google Analytics