最近做一個電視大屏，大屏分為三個部分，又分為上下結構，下部分分為左右結構布局，第一個部分是設備架構圖、第二個部分是本市設備網點告警圖，第一、二部分是我自己開發的，采用自動計算、自動適配各種場景縮放，兼容性沒有任何問題；第三部分是切入第三方的頁面，第三方只提供一個訪問地址；其他什么都不管，
整體效果圖
遇到的問題是第三個模塊切入第三方的頁面；顯示不全；沒法適配，在現有的容器中是沒法裝下第三方頁面的內容，大部分溢出了，而且第三方頁面寫了最小高度和最小寬帶控制，如下圖所示
右下角模塊顯示不完整
問題的效果圖
因為是第三方的頁面，沒法修改他們的東西，也沒法要求他們修改東西，而且他們不樂意配合我這邊工作，
最后我是這樣解決的；采用CSS transform 屬性；transform 屬性向元素應用 2D 或 3D 轉換。允許我們對元素進行旋轉、縮放、移動或傾斜。結合transform-origin屬性；
代碼如下
<style type="text/css">
.pgIframe{
width: 1920px;
height: 1080px;
transform-origin: top left;
transform:scale(0.47,0.33);
}
</style>
<iframe width="100%" height="100%" class="pgIframe" src="http:137.89.47.253/yun/yunIndex.html"></iframe>
問題基本解決了80%了；這時候又冒出一個問題；有個白色的邊框
帶有白色邊框
帶有白色邊框，影響了整體的顯示效果；再次修改iframe，添加了frameborder="no" scrolling="no"屬性；
<iframe marginwidth="0" marginheight="0" width="100%" height="100%" class="pgIframe" src="http:137.89.47.253/yun/yunIndex.html" frameborder="no" scrolling="no"></iframe>
問題得以完美解決，效果圖如下
顯示正常效果圖-第三方頁面顯示全了
最終效果圖如下圖所示
最終效果
完美解決了大屏顯示問題；其實就是利用率他的縮放原理，把第三方的頁面按照16:9的場景進行縮小；以達到適配這邊固定容器內顯示的效果；
注：所有數據均為模擬數據，不是實際生產環境真實數據，
如果你有更好的解決方案，歡迎留言討論交流，共同學習，
做完實驗面對著一大推數據處理，雖然Excel也有數據可視化功能，但其提供的主要是電子表格功能，并可簡單將數據可視化，但不能對Gaussian或Lorentzian等函數擬合，沒有積分和微分等功能。而Origin不僅可以根據數據畫出滿意的的圖形，也包括折線形、三維圖形、扇形等，還可以將數據放在同一坐標系，并進行處理比較，更重的是還可以進行數值分析、數值處理、數值計算?；谶@些特點成為大學生、研究生、科技工作者的常用軟件之一。
說到可以把數據放在同一圖形中，不得不提的時在繪制線條符號圖時出現圖例亂碼或不全顯示圖例的現象，不要緊，下面這個方法絕對可以幫助解決。
第一步，把數據復制到Origin表格里，如下數據
第二步，選中上面數據，選擇繪圖里的線條符號，會出下如圖形，可以看出圖形中出現三個###的圖例及一個正確的B圖例。
第三步，選中B圖例，然后右鍵選擇屬性，會出現如圖“文本控制”對話框。此時將里面的“(1) %(1)”復制，推出。然后再選中三個###不正確的圖例，同樣右鍵屬性，彈出“文本控制”對話框。
第四步，把剛才在B中復制的“(1) %(1)”分別粘貼替換在###不正確的文本控制里。出現圖中情況后。替換完后把括號里面的1改成替其它各系列的列數（第一行的保持不變，這就是第一列的圖例）。這此時下面的輸入框中的###就會變成正確的圖例。
完成上述操作以后，把之前B圖例刪除，在把新改的正確圖例依次對號圖中線段即可。
更多科技軟件疑惑，更多解決方法，旨在更多分享。如果對上述操作有疑問或有更好方法留言即可，小編會及時回復，我們一起學習。