即時空品測站資訊看板

:::

即時空品測站資訊看板

套件名稱：即時空品測站資訊看板 1

作者 : tad

模組網站 : 1.0

即時空品測站資訊看板更新說明

即時空氣品質資訊正式釋出

「即時空品測站資訊看板」簡介

這是行政院環境保護署提供的「即時空品測站資訊看板」，不過，原來的看板寬度是320，有點太大，也沒有自適應，故動了點手腳，將之稍微縮小了 80%，讓網站可以將之塞入而不破版。

其中若要調整位置，請修改site編號，編號可至 https://airtw.epa.gov.tw/CHT/WebWidgetSetting.aspx 產生語法後即可看到。

若要調整寬度，請依320為依據，縮小 0.8 時，wrap的寬度就是256px，縮小為 0.9 的話（下方也要改為0.9），wrap的寬度就是288px，依此類推。

安裝方式

到區塊管理，新增一個自訂區塊。

將底下內容貼到自訂區塊中

<div id="wrap">
    <iframe id="pm25" src='https://airtw.epa.gov.tw/AirQuality_APIs/WebWidget.aspx?site=67' scrolling='no' title='即時空品測站資訊看板'></iframe>
</div>
<style>
    #wrap {
        width: 256px;
        height: 320px;
        padding: 0;
        overflow: hidden;
    }

    #pm25 {
        width: 320px;
        height: 400px;
        border: none;
    }

    #pm25 {
        -ms-zoom: 0.8;
        -moz-transform: scale(0.8);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.8);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.8);
        -webkit-transform-origin: 0 0;
    }
</style>