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版本嗎?
  2. AMP教學-amp-bind 增加網頁互動
  3. AMP頁面只適合使用在靜態網站上面嗎?
  4. AMP教學-Tab分頁切換
  5. AMP只能在Google上面出現嗎?

回應