以ç¼ç¨æ¹å¼æ´æ¹html页é¢ç页çä¿¡æ¯
æç®åå¨æçUIWebView
ï¼iPadï¼ä¸æ¾ç¤ºHTML页é¢ï¼å¹¶ä¸å®æ£å¨æ£ç¡®å è½½ã以ç¼ç¨æ¹å¼æ´æ¹html页é¢ç页çä¿¡æ¯
ä½é®é¢æ¯ï¼å®ä¸éåæç容å¨è§å¾ãæ以æå·²ç»å°è¯äºææçä¸è¥¿ï¼æ¯å¦scalePageToFit..etcï¼ä½å®ä¸ç¬¦åæçè¦æ±ã
æ以ææ£æ¥äºHTML页é¢ï¼å¹¶æ¾ç¤ºå¦ä¸ï¼
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
.....
......
</html>
æ以googleæç´¢äºä¸ä¸æåç°ï¼æ们å¯ä»¥æå
¥ä»»ä½Javaèæ¬æ件ï¼éè¿ä½¿ç¨stringByEvaluatingJavaScriptFromString
ï¼å°æ们çHTMLæ件 å并å¯ä»¥åä»»ä½äºæ
ã
æ以æå¯ä»¥æ¹åå¦ä¸ï¼
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
è¿æ ·åå¢ï¼
<meta name="viewport" content="width=320"/>
ä¸æ¯100ï¼ è¯å®è¿å°å·¥ä½å¨iPhoneä¸ï¼ä½è¦å 使ç¨JavaScript metaæ ç¾ï¼ä½ å¯ä»¥ä½¿ç¨soemthingè¿æ ·çï¼
var meta;
if (document.createElement && (meta = document.createElement('meta'))) {
meta.name = "viewport";
meta.content = "width=320";
document.getElementsByTagName('head').item(0).appendChild(meta);
}
è¹æçææ¯è¯´æâåå¤Webå 容iPadâæä¸ä¸ªå¾å¥½ç建议ï¼é¿å 硬ç¼ç è§å£ç宽度ãå¨iPadä¸ï¼å°äº1024çè§å£å®½åº¦ä¼å¯¼è´å 容被ç¸æ¯å模ç³ãä»ä»¬ç建议æ¯
<meta name="viewport" content="width=device-width" />
è¿æ¯ä¸ä¸ªè¿æ¥ï¼ä½å 容ä»ç¶ä¼è¢«ç¸æ¯ï¼å¦æä½ ç设å¤å¤äºæ¨ªå模å¼ãè¿æ¯å 为设å¤å®½åº¦æ¯ç©ç设å¤ç宽度ï¼320pxæ768pxï¼ï¼èä¸æ¯å½åå±å¹ç宽度ãå æ¤ï¼æ¨å¯ä»¥è·å¾ä»¥768px渲æçå 容并å°å ¶æ¸²æ为1024pxã
é¿å çç ´
为äºç¡®ä¿æ¨çå 容ä¸ä¼è¢«å¹èµ·ï¼è®¾å®çæ大è§æ¨¡ä¸º1.0ï¼
<meta name="viewport" content="width=720,
maximum-scale=1.0" />