2024年4月30日 星期二

解決illustrator 使用轉存為螢幕適用的存圖時，存完的圖會有1px誤差的問題

›
圖形匯出時會帶有額外的像素，這是因為畫板(工作區域)的位置包含小數點。 要解決此問題，轉到“視窗”->“屬性”。 選擇畫板工具 (Shift+O)。 只需確保畫板的 X 和 Y 以 0 結尾。 再執行「轉存為螢幕適用」就不會有1px的誤差了
2023年12月3日 星期日

用CSS讓頁面的footer即使內容高度不夠的情況下也可以永遠保持在下方

›
用CSS在Body上加上下面的屬性 body{ display: grid; grid-template-rows: auto 1fr auto; /* 自動大小的header、撐滿內容的主體、自動大小的footer */ min-height:...
2023年10月28日 星期六

使用embeddedfolderview把google drive雲端硬碟的資料夾嵌入網頁內

›
如果單純只是要用iframe把google的雲端硬碟嵌入網頁內，可以使用以下語法 語法中的{GoogleFolderShareId}指的就是分享google drive取得的網址內的參數 網址後方接上#grid那麼網頁上瀏覽時就會是以預覽小圖的方式呈現，如果把#grid拿掉那...
2023年9月18日 星期一

再Chrome上關閉單獨input欄位的autocomplete

›
在chorme上 html內的input加上autocomplete=off並不能禁止該欄位不自動輸入， google後得到可解決的方案如下： 只需將自動完成設置為獨特的即可。如："autocomplete="new-user-email" ...
2023年5月8日 星期一

搞懂css flex-grow, flex-shrink, flex-basis

›
要控制flexbox內的子物件的寬度最好的方法就是善用下面這三個屬性： flex-grow: 0; /* 不增長 - 初始值：0 */ flex-shrink: 0; /* 不收縮 - 初始值：1 */ flex-basis: 25em; /* 寬度/高度 - ...