iframe引入的html怎么实现缩放和自适应手机屏幕

liutong880818 · 发表于 2018-7-20 18:25:19

iframe引入的html怎么实现缩放和自适应手机屏幕，希望版主给些思路，多谢！（此html用手机浏览器打开是支持缩放的，而且刚打开的时候是自适应手机屏幕的）

qiruiqq3 · 发表于 2018-7-23 14:05:11

用wex5 字段的iframe不可以吗？
我用的pdfjs给的例子嵌套的，效果跟html一样，你可以参考下

liutong880818 · 发表于 2018-7-23 16:07:35

qiruiqq3 发表于 2018-7-23 14:05
用wex5 字段的iframe不可以吗？
我用的pdfjs给的例子嵌套的，效果跟html一样，你可以参考下 ...

用的就是wex5的iframe组件，设置了src，也引入了html，但是此html没有自适应手机屏幕而且不能缩放。。

qiruiqq3 · 发表于 2018-7-23 17:17:36

方便贴一下 html的代码吗？

liutong880818 · 发表于 2018-7-26 11:20:24

qiruiqq3 发表于 2018-7-23 17:17
方便贴一下 html的代码吗？

<!DOCTYPE html>
<html>
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=594,maximum-scale=10,minimum-scale=0.001,user-scalable=yes">
         <title>2018-07</title>
</head>
<body style="background:gray;margin:0;zoom:1.0;-moz-transform:scale(2.0202020202020203);-o-transform:scale(2.0202020202020203);-ms-transform:scale(2.0202020202020203);-moz-transform-origin:top;-ms-transform-origin:top;-o-transform:-origin:top;">
<div style="background:white;margin:2px auto;width:594px;height:841px;">
      <svg width="594px" height="841px" viewBox="0,0,792,1121" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style>title p { display: block; }</style>
等等等等等.....................

这个html是导入word生成的，后面还有一大堆代码，就不粘贴了

qiruiqq3 · 发表于 2018-8-2 10:49:31

不好意思，刚看到。
你对比一下36kr.com 看看有什么区别。
自适应应该是js控制的

liutong880818 · 发表于 2018-8-2 11:00:05

qiruiqq3 发表于 2018-8-2 10:49
不好意思，刚看到。
你对比一下36kr.com 看看有什么区别。
自适应应该是js控制的 ...

已经换了一种方法实现，直接用cordova的inappbrowser打开了

qiruiqq3 · 发表于 2018-8-2 17:03:17

liutong880818 发表于 2018-8-2 11:00
已经换了一种方法实现，直接用cordova的inappbrowser打开了

学习了，

		自动登录	找回密码
密码			注册

[结贴] iframe引入的html怎么实现缩放和自适应手机屏幕

浏览过的版块