CSS：Label、Input自動縮放寬度佔滿容器
在製作表單時，想將Label放置於左邊，Input放在右邊，並讓Input隨視窗大小，自動縮放佔滿容器，像這樣 調大調小都可以吃滿，以下範例 可以在CSS加入float 讓Label float於左側，寬80px。Input 的寬用calc( 100% 去減掉 label的寬80px)
IDE：Emmet for Visual Studio
Visual Studio IDE內寫HTML實在辛苦，習慣用div#col-lg-6*2 這類寫法在VS IDE上都得照實產出<div></div> 再去設定id、class 完成後再複製或重打，很浪費時間 今天總算受不了爬文了一下！如果你有跟我一樣困擾 ，可試試我爬到的結 …
CSS：讓footer能在頁面底部
同組人員製作網頁時碰到，當Search出來的結果太少，會導致body的高不足至整個頁面，而讓footer出現在畫面中間(尷尬)我原本想著body設置min-height:100vh，footer設 absolute 及bottom 0結果變成這樣 最後Google到這篇：Sticky Footer …
PHP：寄信跳錯SMTP connect()
架了不少開源相關服務都會用到PHP寄信功能，但經常會碰到如下錯誤Error in email sending: SMTP connect() failed.https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting 如果是用Gmail請設定 …
WordPress：Elementor在IE 11、Edge踩坑2-背景圖設為固定，滑動時圖片抖動
Elementor將背景圖片設為固定，但IE、EDGE上下滑動時，圖會抖看的很不舒服這段程式碼是由這裡找的：为什么在IE上滚动时固定的背景图像会移动？雖然沒有很懂，但套用下面這段程式碼解決。
WordPress：Elementor在IE 11、Edge踩坑1：段高度無法套用到欄背景圖
Elementor，在使用Inner Section將段切為2欄時，設定段的高度假設為400px，並在2欄各設定背景圖。Chrome背景圖可正常顯示沒問題，但IE不起作用，要再自訂CSS才能正常顯示背景圖 修改前 加入CSS 修改後
XAMPP(mac)： Apache Index of / 索引亂碼
如圖畫面，預設會亂碼，但在XAMPP(win)沒碰到 修改/Applications/XAMPP/xamppfiles/etc/httpd.conf，在網頁目錄下加入IndexOptions Charset=UTF-8存檔後restart Apache Web Server即可
Javascript：jQuery 點小圖換大圖
拿現有的圖來示範下，雖然醜了點，但效果有達到就好。 圖片大小最好一致、且與大圖切齊，不然有大有小，排版不太好看(笑)。 可搭配elevatezoom.js來用，大圖加上放大鏡。 另外在手機版，大圖會重複出現，可在 Elementor 響應設定，讓大圖在手機版不呈現，或改CSS隱藏。 這樣切換手機版時 …