問題情境 在做網址#帶入 Anchor name 自動捲動至錨點時，網頁錨點捲動是以Anchor物件做TOP定位點，可能會被 Fixed Header/Navbar 擋到。 解決方法 使用CSS隱藏對上間距： HTML: <a class=”anchor” id=”top”></a> CSS: a.anchor { display: block; position: relative; top: -250px; visibility: hidden; } Referring StackOverFlow

使用情境 多行文字中，圖片align或float置左或右的文繞圖方是很常見，進入RWD模式後小寬度時照樣文繞圖並不妥。 解決方法 用CSS的media來生效或取消圖片float吧： /* Response Image Float */ @media only screen and (max-width : 599px) { .img-float-left, .img-float-right { float: none; } } @media only screen and (min-width : 600px) { .img-float-left { float: left; } .img-float-right { float: […]