如何删除opera mobile中的缩放图标

时间:2009-08-24 20:27:53

标签: css opera zoom opera-mobile

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

谢谢。

1 个答案:

答案 0 :(得分:2)

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

以下是在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

  

视口元标记

     

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

     

&lt; meta name =“viewport”content =“width = device-width,height = device-height”/&gt;

     

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

     
      
  • width和height:这些指定了为此网页设置视口的宽度和高度。可以以像素为单位设置值,也可以分别使用device-width和device-height值指定宽度和高度应设置为设备屏幕的完整宽度和高度。 width的默认值为980像素,可以设置为200到10,000像素。高度的默认值是根据设备的宽度及其宽高比计算出来的,可以设置为223到10,000像素。
  •   
  • initial-scale:设置首次显示时网页的初始比例。默认情况下,它只会填满设备的整个屏幕,除非你故意另外设置它。
  •   
  • 最小比例和最大比例:它们指定允许用户放大和缩小的最小和最大金额,它们的值是乘数。 minimum-scale的默认值为0.25,其值的范围可以从0到10.0。 maximum-scale的值也可以从0到10.0之间。
  •   
  • user-scalable:指定是否允许用户放大,可能的值是yes和no,yes是默认值。
  •   
     

Opera Mobile 9.5完全支持视口元标记,其中包含一些值得注意的特定行为。它忽略了用户可扩展,最小规模和最大规模,因为我们认为缩放是一种始终可供用户使用的浏览器功能。此外,由于页面头部中视口元标记的存在表明作者已经处理了针对移动设备的优化,因此不应用小屏幕渲染。这意味着无论“移动视图”打开还是关闭,启用视口的页面看起来都完全相同。

     

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