2013-06-13 34 views
5

Tôi đang cố gắng hiển thị hình ảnh (320x480px) trong một trang web trên Android. Tôi đang cố gắng định cấu hình nguyên nhân meta chế độ xem tôi muốn hình ảnh hiển thị ở chế độ toàn màn hình.Siêu dữ liệu chế độ xem cho trình duyệt mặc định của Android

Thật sự tôi chỉ đơn giản là cấu hình khung nhìn như thế

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

và nó làm việc một cách hoàn hảo, ngoại trừ với trình duyệt mặc định android. Tôi đã thử Chrome, Opera và Firefox và tất cả đều hiển thị hình ảnh chính xác.

Về bài này Full webpage and disabled zoom viewport meta tag for all mobile browsers Tôi cố gắng để cấu hình nó theo cách này nhưng không thành công:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" /> 

hoặc

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=320,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" /> 

Bạn có bất cứ ý tưởng về làm thế nào để cấu hình khung nhìn chính xác?

Cảm ơn bạn

Trả lời

0

Tôi đã thử phần dưới đây. Nó hoạt động hoàn hảo cho tôi.

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width"> 
1
<meta name="viewport" content="user-scalable=no, width=device-width"> 

sử dụng khả năng mở rộng - điều khiển khô héo người dùng có thể "pinch-to-zoom".

chiều rộng - chiều rộng của chế độ xem.

Tất cả các thuộc tính đều yêu cầu giá trị số nguyên, KHÔNG phải giá trị dấu phẩy động.

Nói cách khác, 1 và không phải 1.0. Hoặc bạn có thể sử dụng tỷ lệ phần trăm.

Không có điểm nào trong việc đặt thuộc tính mở rộng tối thiểu và tối đa cho cùng một giá trị. Ngoài ra, ban đầu quy mô được biết là gây ra vấn đề trong iOS nếu thiết lập để 1.

+0

Theo tài liệu android, nó là một phao và không phải là số nguyên: https://developer.android.com/guide/webapps/targeting.html#Viewport –

0

tôi thích:

<meta name="viewport" content="width=device-width, initial-scale=1"/> 
0
<meta name="viewport" content="width=321; user-scalable=no;" /> 

Android chỉ chấp nhận viewport chiều rộng lớn hơn 320, vì vậy đặt nó trên 321 đã lừa cho tôi.

Các vấn đề liên quan