理論與實作
關於 歸檔 分類 標籤 作者 English ไทย
  1. 分類
  2. 響應式網頁設計(Responsive Web Design)

利用CSS根據螢幕大小自動調整網站內嵌的Google地圖(Goole Maps)大小

二月 23, 2017

現今移動裝置盛行,有各種不同螢幕大小的裝置來瀏覽網站, 若在網站上要內嵌入Google地圖( Google Maps ), 如何讓地圖可以根據瀏覽裝置的螢幕大小自動調整地圖嵌入大小呢?

 read more »

above the fold 在網頁設計裡的意義

一月 24, 2017

above the fold 的原來意義以及在網頁設計裡的意義。

 read more »

Bootstrap利用圖片來觸發modal視窗

一月 19, 2016

Bootstrap 利用圖片(image)來觸發 modal 視窗

 read more »

純CSS響應式Table

四月 20, 2015

利用HTML data屬性來達成純CSS響應式Table

 read more »

利用CSS根據螢幕大小自動調整網站內嵌的Youtube影片大小

二月 06, 2015 (Updated: 四月 26, 2017)

現今移動裝置盛行,有各種不同螢幕大小的裝置來瀏覽網站, 若在網站上要內嵌入Youtube的影片, 要如何讓該影片可以根據瀏覽裝置的螢幕大小自動調整影片嵌入大小呢?

 read more »
Powered by Github Pages, Pelican, pyScss.