2009-08-24 60 views
2

我正在为Opera Mobile设计一个网页。它的左上角有一个小缩放图标。当我访问www.opera.com时,此图标变得不可见,缩放级别变得固定。对于任何其他网页,它会出现,我可以放大和缩小页面。我也想在我的页面中使用相同的固定缩放行为。这可能是一些CSS属性。你知道我应该设置哪些属性以及哪些对象?或者你认为会有另一种方法来完成这一点。如何在opera opera中删除缩放图标

谢谢。

回答

2

看起来他们正在使用“视口”元标记来指定页面的宽度。这可能设置为小于手机Opera的可用缩放宽度,因此不需要缩放按钮。

这是因为它是在Opera.com移动版所使用的标签:

<meta name="viewport" content="width=320" /> 

要将您的页面缩放而我将设置标签如下:

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no" /> 

虽然保持用户不会扩展,但不会成为我的首选UI方式。

The opera developer site describes the support of this tag

视区meta标签

视区meta标签包含了视区观看它包含在HTML页面中的首选设置信息。就像任何其他元标记一样,视口位于HTML页面的头部元素内部 - 支持它的浏览器使用这些信息更适合于该设备显示网页,而浏览器则不会忽略它。它最初由Apple创建,旨在改进网页在iPhone上的显示方式,但我们在Opera Mobile 9.5中增加了对它的支持,因为它是优化不同移动设备显示信息的好方法。标签看起来像这样:

<阶name =“视口”内容=“宽度=设备宽度,高度=设备高度”/>

所有它包含是元属性,该属性指定该是一个视口元标记和内容属性,其中包含您要为此页指定的不同值的逗号分隔列表。您可以指定的不同信息如下:

  • 宽度和高度:这些指定了为此网页设置视口的宽度和高度。值可以以像素为单位设置,也可以分别使用设备宽度和设备高度值来指定宽度和高度应设置为设备屏幕的全宽和高度。宽度的默认值是980像素,可以设置200到10,000像素。高度的默认值是根据设备的宽度和宽高比计算出来的,它可以设置为223到10,000像素。
  • 初始缩放比例:设置网页首次显示时的初始缩放比例。默认情况下,它只是填充设备的整个屏幕,除非您有意设置。
  • 最小规模和最大规模:这些指定了用户可以放大和缩小的最小和最大量,它们的值是乘数。 minimum-scale的默认值为0.25,其值可以从零到10.0。最大比例的值也可以从零到10.0。
  • user-scalable:指定是否允许用户放大和缩小 - 可能的值为yes和no,yes为默认值。

Opera Mobile 9.5完全支持视口元标记,具有一些显着的特定行为。它忽略了用户可扩展,最小规模和最大规模,因为我们认为缩放是浏览器功能,应始终可供用户使用。另外,由于页面头部中的视口元标记表示作者已经考虑优化移动设备,因此不会应用小屏幕渲染。这意味着无论“移动视图”处于打开还是关闭状态,启用了视口的页面都将完全相同。

建议宽度和高度值不针对单个设备(例如iPhone)进行硬编码;相反,您应该将它们的值设置为设备宽度和设备高度,以便您的页面在VGA,QVGA,WVGA和WQVGA设备上也能很好地工作。

+0

感谢您的回复。它回答了我的问题。不幸的是,他们不支持用户可扩展的属性,似乎无法防止缩放。 – 2009-08-27 00:28:41