AMP只適合在手機裝置上觀看嗎?

AMP只適合在手機裝置上觀看嗎?

雖然AMP的全稱是 Accelerated Mobile Pages ,但實際上是可以做像RWD響應式網站一樣,不只是行動裝置,平板或電腦螢幕上也可以觀看AMP。
原本AMP在設計時便有將RWD( Responsive web design) 響應式網頁設計給考量進去,因此像是圖片可加入 layout="responsive" 讓圖片縮放之類的。因此在框架設計上也能自行套入 RWD framework,例如bootstrap的框架與amp的結合也是辦得到的。
(但須注意像bootstrap的css內有大量的!important與各種不同套件的大量css,會讓amp出錯,使用時必須簡化與整理過才行)

例如像獨具衣格商城的AMP首頁,可兼顧電腦版與手機板,因此用AMP的語法並不會只限制在手機上出現,排版上也相當靈活地考慮到各種裝置的呈現。

AMP可說是另一種構成網頁的方式,用意是加速網頁載入速度,我們可將AMP視為一款新的框架模式,而非侷限於某種裝置之中。至於如何排版端看畫面設計處理,也可以參考官方網站提供的AMP模板

參考:AMP as your web framework

更多文章:

  1. AMP教學-amp-bind-產品輪播圖與規格互動
  2. AMP教學-amp-bind-產品規格製作教學
  3. 在AMP中添加或刪除class的方式
  4. 每個AMP頁面都必須有非AMP版本嗎?
  5. AMP教學-amp-bind 增加網頁互動

回應