標籤: AMP 頁1

教學

在 amp-img 使用 object-fit

之前有提過要在 AMP 裡面使用圖片必須要使用 amp-img 的標籤,而且需要給定寬跟高,但在現在很常需要用到裡用把圖片塞入某個區塊內的 object-fit 的方式,就沒辦法直接用了,但還好官方也有提供方法讓我們可以去使用 object-fit,只要在 amp-img 的標籤內加上 layout=fill。

教學

使用 amp-img 標籤讀入圖片

要在 AMP 的頁面裡放入圖片,要使用 amp-img 的標籤。

教學

AMP 網頁開發介紹與基本設定

AMP 是 google 提出的行動裝置網頁開發的方法,全名為 Accelerated Mobile Pages,照字面意思可以知道是用來加速行動裝置的網頁開啟速度,由於目前網頁設計越來越複雜,若使用 RWD 的方法製作行動裝置版並無法加速網頁的開發速度,反而大多數狀況是會讓開啟的速度變慢,如果想要讓使用者有更好的體驗,就可以使用 AMP 的方式。