本文大多數的內容基本都是從多篇博客或相關文章中進行篩選,提煉出來,原本我也想用我匱乏的語言來描述,但是發現別人已經總結的更好了,所以...我還是乖乖的站在巨人的肩膀上吧~~ 完整目錄: 基本概念 物理像素 設備獨立像素 CSS 像素 PPI的概念 ...
本文大多數的內容基本都是從多篇博客或相關文章中進行篩選,提煉出來,原本我也想用我匱乏的語言來描述,但是發現別人已經總結的更好了,所以...我還是乖乖的站在巨人的肩膀上吧 完整目錄: 基本概念 物理像素 設備獨立像素 CSS 像素 PPI的概念 DPR的概念 縮放的概念 viewPort 的概念 viewport 渲染流程 Meta 標簽說明 移動端布局實踐 混合方式 REM 方式 響應式 JS自 ...
2017-02-17 09:51 2 4236 推薦指數:
本文大多數的內容基本都是從多篇博客或相關文章中進行篩選,提煉出來,原本我也想用我匱乏的語言來描述,但是發現別人已經總結的更好了,所以...我還是乖乖的站在巨人的肩膀上吧~~ 完整目錄: 基本概念 物理像素 設備獨立像素 CSS 像素 PPI的概念 ...
2個月前,寫過一篇文章《從網易與淘寶的font-size思考前端設計稿與工作流》總結過一些移動web中有關手機適配的一些思路,當時也是因為工作的關系分析了下網易跟淘寶的移動頁面,最后才有那篇文章的總結,可惜的是因為項目的關系,這兩個月來幾乎沒有機會做移動類項目的工作,所以那些理論一直沒有得到真正 ...
通過前幾天寫的兩篇博客(淺談移動端三大viewport和移動端em和rem區別),我們現在來總結一下如何實現一個最佳方案。 之前在第二篇博客中提到過我們可以使用媒體查詢來針對不同設備及做適配,如下圖 但是這個可能不會太精准,比如我的設備布局viewport可能是370px ...
前言的一些碎碎念:最近一直在寫移動端的頁面,不過一直是用的別人造好的輪子,很多時候並沒有想那是為什么,那是怎么樣要那么寫,就跟着別人的文檔去了。本以為自己對移動端的那一丟丟理解,結果很多東西都特么有問題,所以,今天停下了手中的一些東西,來談下移動端的布局方案吧 內容有些長,這也是我第一次寫博客 ...
前言的一些碎碎念:最近一直在寫移動端的頁面,不過一直是用的別人造好的輪子,很多時候並沒有想那是為什么,那是怎么樣要那么寫,就跟着別人的文檔去了。本以為自己對移動端的那一丟丟理解,結果很多東西都特么有問題,所以,今天停下了手中的一些東西,來談下移動端的布局方案吧 內容有些長,這也是我第一次寫 ...
,結果很多東西都特么有問題,所以,今天停下了手中的一些東西,來談下移動端的布局方案吧 內容有些長,這也是我第一 ...
css單位有3種: px:絕對單位 em:相對父元素的單位 rem:相對根元素(頁面的html)的單位--css3新增的 下面來仔細講下近年來在webapp中常用的rem: 什么是re ...
最近做了幾個移動端的項目,因為第一次接觸移動端的布局,所以踩了幾個坑,今天總結一下,有不對的地方歡迎大家提意見。 移動端布局需要考慮為不同分辨率的設備都提供一個出色的使用體驗,下面我來總結一下移動端布局的方法。 借助庫 比如Bootstrap和MUI都可以實現自適應布局,借助於 ...