網址有變動,需要更改,不然圖示會變成超大~
這是行政院環境保護署提供的「即時空品測站資訊看板」,不過,原來的看板寬度是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.moenv.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>
HTML
左邊
即時空氣品質資訊正式釋出