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

关注

VIP免费原创最新推荐文章于 2026-07-07 11:13:34 发布 6k 阅读 AI 写同款· GEO 优化 ›

（一）移动端前端开发-移动端基础移动web、运行在移动设备上的产品。适配平台：安卓、IOS；H5运行环境分类：移动端浏览器 - 原生APP的webview中（hyBrid模式）- 开发的H5页面镶嵌入到app的webview中显示。移动端屏幕PPI；代表屏幕每英寸的像素数量，即**像素密度**。高PPI屏幕显示的元素会比较精细（看起来会比较小），低PPI屏幕显示的元素相对来说就比较粗糙（看起来会比较大）。DPR设备像素比DPR（devicePixelRatio）是默认缩放为100%的情况下，设备像素和CSS像素的比值。阅读详情

项目有个需求，需要在客户端的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>      
 