代码之家  ›  专栏  ›  技术社区  ›  Szere Dyeri

如何删除Opera Mobile中的缩放图标

  •  2
  • Szere Dyeri  · 技术社区  · 15 年前

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

    谢谢您。

    1 回复  |  直到 14 年前
        1
  •  2
  •   Raleigh Buckner    15 年前

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

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

    视区元标记

    viewport meta标记包含有关查看包含它的HTML页面时视区的首选设置的信息。与任何其他元标记一样,viewport位于支持它的HTML页面浏览器的head元素中,它使用信息为该设备更合适地显示网页,而不简单地忽略它的浏览器。它最初是由苹果公司创建的,旨在改进iPhone上网页的显示方式,但我们在Opera Mobile 9.5中增加了对它的支持,因为它是一种优化不同移动设备显示信息的好方法。标签看起来是这样的:

    <meta name=“viewport”content=“width=设备宽度,height=设备高度”/>

    它只包含meta属性(指定这是一个viewport meta标记)和content属性(包含一个逗号分隔的列表,其中列出了您要为此页指定的不同值)。您可以指定的不同信息如下:

    • 宽度和高度:这些参数指定了此网页的视区应设置的宽度和高度。可以以像素为单位设置值,也可以分别使用设备宽度和设备高度值来指定宽度和高度应设置为设备屏幕的全宽和全高。宽度的默认值为980像素,可以设置为200到10000像素。高度的默认值是根据设备的宽度及其纵横比计算的,可以设置为223到10000像素。
    • 初始比例:设置网页首次显示时的初始比例。默认情况下,它只填充设备的整个屏幕,除非您故意设置它。
    • 最小比例和最大比例:指定允许用户放大和缩小的最小和最大数量,其值为乘数。最小刻度的默认值为0.25,它的值可以从略高于零到10.0。最大刻度值也可以从零以上到10.0。
    • 用户可缩放:指定是否允许用户放大,可输出值为是和否,默认为是。

    OperaMobile9.5完全支持viewport meta标签,具有一些显著的特定行为。它忽略了用户可伸缩性、最小缩放比例和最大缩放比例,因为我们认为缩放是一种浏览器功能,应该始终对用户可用。此外,由于页面标题部分中的viewport meta标记表明作者已经为移动设备进行了优化,因此不应用小屏幕渲染。这意味着无论移动视图是打开还是关闭,启用了视区的页面看起来都完全相同。

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