pc页面按比例缩放嵌入移动页面显示

最新推荐文章于 2024-01-25 10:25:17 发布

原创

最新推荐文章于 2024-01-25 10:25:17 发布 · 6k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何在移动设备的Webview中嵌入一个原本为PC设计的HTML页面，通过使用iframe和JavaScript动态调整大小，结合页面缩放技术，解决页面在移动设备上显示不全的问题。主要涉及jsp导入、iframe以及JavaScript操作，实现了从PC到移动平台的适配。

项目有个需求，需要在客户端的webview中嵌入一个外部html。由于该html是从pc平台过来的，没有兼容移动平台，所以要把页面缩放到移动设备的页面里。

一开始使用了：http://blog.youkuaiyun.com/hu_shengyang/article/details/7381230

[html]view plaincopy 
   
 jsp页面实现引入其他页面的三种方式如下所示：  

[html]view plaincopy 
   
 <%@ page language="java" pageEncoding="GBK"%>  
   
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
   
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
 <html>  
 <head>  
     <title>jsp1</title>  
 </head>  
     
 <body style="background-color:pink">  
     <form action="">  
     <h1>下面显示的是自定义标签中的内容</h1>  
     <br><br>      
 

最低0.47元/天解锁文章