傑米的沙龍
首頁
文科腦程式之旅
挑戰 JS30
關於
文科腦程式之旅
16
公開內容
正在一點一滴學習程式,相信知識量總有一天會匯聚成大海,目前專門研究前端中。
全部
切版
CSS
JavaScript
資源
前端工具
全部內容
免費與付費
最新發佈優先
傑米
2023/10/04
發佈於
文科腦程式之旅
我要成為切版魔法師 #3 - 揪出網頁切版與設計稿有落差的元兇
切版有許多眉角需要注意,來探討那些經常導致切版結果與設計稿產生落差的原因。 一、文字的高度本體是 line-height:🔍 文字所佔據的高度不是由font-size決定,而是line-hight。一開始練習切版時,都想著設定好字的尺寸和字重就 ok 了吧?殊不知這是造成切出來的網頁與設計
#
網頁
#
切版
4
留言
傑米
2023/07/26
發佈於
文科腦程式之旅
我要成為切版魔法師 #2 - 讓圖片乖乖聽話的 3 種方法
圖片可以說是 HTML 元素中以不受控出名的元素了,在預設情況下,完全不受父容器影響,以下就來看看有哪些方法讓圖片依照你的想法變化吧。
#
網頁
#
切版
5
留言
傑米
2023/07/19
發佈於
文科腦程式之旅
我要成為切版魔法師 #1 - 不管啦,就是要正方形!
網頁中經常會出現正方形的設計,在切版時如果直接設定固定寬高就是破版的節奏,但單用百分比設定長寬,RWD 時還是會變得不夠正,這邊提供兩個方法:
#
網頁
#
切版
5
留言