2009-08-24 33 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