iframe,内部网页的缩放

摘要:
对页面的缩放,是直接通过改变页面本身如果修改不了,iframe访问的页面本身,就没办法缩放。这里的话,本来是想一个个改过去,但是发现,有些地方的宽高,是用px写死的。少还好,要是多了,改起来特别不方便。当然,跟我自身的前端规范不好也有关系。不过,自从发现了CSS的缩放样式----˃transform:scale()来自W3school的解释,https://www.w3school.com.cn/cssref/pr_transform.asp因此可以较好的解决我们iframe中,对原页面进行缩放的问题。可通过transform-origin,来调整缩放的位置。

对页面的缩放,是直接通过改变页面本身

如果修改不了,iframe 访问的页面本身,就没办法缩放

这里的话,本来是想一个个改过去,但是发现,有些地方的宽高,是用 px 写死的。少还好,要是多了,改起来特别不方便。

当然,跟我自身的前端规范不好也有关系。

不过,自从发现了CSS 的缩放样式 ---->transform: scale()

来自W3school的解释,https://www.w3school.com.cn/cssref/pr_transform.asp

iframe,内部网页的缩放第1张

因此可以较好的解决我们iframe中,对原页面进行缩放的问题。

如果,感觉缩放后的位置不如意。(缩放默认以中间开始缩小)

可通过 transform-origin,来调整缩放的位置。

依旧是 W3school 的解释,https://www.w3school.com.cn/cssref/pr_transform.asp

iframe,内部网页的缩放第2张

免责声明:文章转载自《iframe,内部网页的缩放》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇解决java获取系统时间差8个小时 专题oracle批量导入数据下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

iOS H5容器的一些探究(一):UIWebView和WKWebView的比较和选择

一、Native开发中为什么需要H5容器 Native开发原生应用是手机操作系统厂商(目前主要是苹果的iOS和google的Android)对外界提供的标准化的开发模式,他们对于native开发提供了一套标准化实现和优化方案。但是他们存在一些硬伤,比如App的发版周期偏长、有时无法跟上产品的更新节奏;灵活性差,如果有较大的方案变更,需要发版才能解决;如果存...

Javascript跨域问题解决方案

---本方法来自网上,因最近项目需求,解决了三天未果,最终发现此文并测试可用。 一个 非常优雅绝妙的解决方案!话不多说,直接上解决方案原理图: 该图要解决的问题说明如下:在AAA.com域名下的index.htm页面中内嵌了BBB.com域名下的一个页面index.htm,正常情况下iframe内部的index.htm页面是无法访问父页面index.ht...

Django学习笔记之安全

CSRF攻击 CSRF攻击概述 CSRF(Cross Site Request Forgery, 跨站域请求伪造)是一种网络的攻击方式,它在 2007 年曾被列为互联网 20 大安全隐患之一。其他安全隐患,比如 SQL 脚本注入,跨站域脚本攻击等在近年来已经逐渐为众人熟知,很多网站也都针对他们进行了防御。然而,对于大多数人来说,CSRF 却依然是一个陌生的...

Grafana通过iframe分享画面时的设置

1.配置文件位置 需要对Grafana的配置文件进行修改,才可以使画面可以通过iframe在其他页面中加载。配置文件时Grafana目录下conf目录中的defaults.ini文件。 /usr/share/grafana/conf 2.修改方法    修改完毕后保存,然后重启Grafana服务。 ...

React Iframe 使用探索

作者后端经验比较丰富,近期要做跨域跨前端框架的前端页面展示,自然联想到了 IFRAME 方法,细致了解下来发现它可以用来解决很多棘手问题,包括: 跨域问题 Ajax 前进后退问题 异步上传问题 跨框架问题 父页面 基础 React 框架 import React, { PureComponent } from 'react'; export de...

iframe标签

今天向大家介绍一个标签的使用,Iframe标签,该标签可以被称之为伪Ajax,在ajax还没怎么盛行之时,大家为了提高客户端的用户体验,实现页面的局部刷新就是使用frame标签的,确实,上次我使用该标签也是看中了它的局部刷新: 使用的效果图: 如上图所示左边是导航栏,右边是点击导航后显示的页面,实现的功能就是点击左边的导航栏,不进行页面的整体刷新,而是直...