前端實現 iframe 等比例縮放顯示頁面

2021-09-05 10:23:00 字數 478 閱讀 7671

在做**生成器時,有種業務場景,就是在乙個小的頁面下預覽 生成的頁面效果(預覽的頁面比較大),這個時候需要等比例縮小顯示。

先上個圖

這裡是**:

實現的思路是:

1)transform:scale(0.55); 進行等比例縮放;

2)為iframe 設定乙個父標籤,由於iframe 本身高寬比較大,因此父標籤 加上 overflow: hidden; 去除滾動條;

3)父標籤 加上 position: relative; 樣式進行定位封閉;

4)iframe 新增 position: absolute;left: -400px;top: -170px;樣式進行定位,將實體部分定位到想要展示的地方;

然後就可以了。

cad等比例縮放快捷鍵 cad等比例縮放快捷鍵

cad等比例縮放快捷鍵是s鍵c鍵。常用cad的快捷鍵還有取消前一步操作ctrl z 快速選擇alt tk 提取輪廓alt mup 重複執行上一步命令ctrl j 開啟特性對話方塊ctrl 1以及新建圖形檔案ctrl n等等。計算機輔助設計 computer aided design 指利用計算機及其...

AutoCAD中實現不等比例縮放

autocad中大多數物件都是不支援non uniform scale的,但我這兩天卻遇到了類似的需求,需要將線 多段線等物件進行不等比例縮放,比如x方向放大2倍,y方向放大0.4倍,於是就想著自己寫 實現,但轉換矩陣怎麼計算卻被難住了,自己看的書還是遠遠不夠啊!從書架上翻出的第一本書中有類似的公式...

c 介面控制項介面等比例縮放

本篇部落格只針對本人在嘗試做乙個介面放大問題中所遇到的一些問題 目的 實現視窗放大,視窗內的控制項也等比放大 成功 1.anchor屬性改變取得的效果不理想 2.控制項放大比例不一樣 3.在放大的過程 現介面亂 看起來軟體有點像盜版 下面以下圖為例講解 當我們設計好視窗後是這樣的 當我們拉大時 網上...