由於電腦和手機的螢幕解析度不同，但我們做的頁面是需要在這種複製的環境下提供給使用者使用，這時候就產生了自適應的思維。
自適應不是一種新的技術，它是一種開發思維，按照這種思維去開發前端，能使前端**變得高可用。自適應這種特性，在很多前端頁面框架都是支援的。最簡單的自適應是按照百分比去設定寬高，這樣螢幕也能按照百分比去顯示。不過由於字型的號數已經提前寫好了，按照百分比去寫也會出現排版錯位。
還有一種比較好的處理方式，我們獲取到當前螢幕的解析度，然後按照解析度的大小進行動態布局，發現螢幕過小的時候，把其中乙個往下顯示。但這種方式的技術複雜度也比較大，自適應目前是使用框架去處理的居多。
前端入門解疑（6） 前端框架
前端框架是一種由開發人員寫好的可高復用性的 它是一種提高效率的工具。要說起前端框架，這裡面的世界比較大，目前在市場上有各式各樣的框架，有些是免費的，也有收費的，有些是顯示性框架，也有比如列印 報表類等專業性js框架。其實這些框架都是基於原生的js進行開發封裝的。隨著開發技術的發展與公升級，前端大概經...
前端入門解疑（1） 序言
隨著技術的進步 開發理念的逐步完善和客戶化的需求日漸增多，前後端分離是業界的趨勢，很多公司都採用了這種技術架構，前端技術也發展得非常迅猛。不過這樣也導致了新手入門的時候，會產生各種各樣的疑惑，甚至有人 還產生不了疑惑，只知道照葫蘆畫瓢。初入公司實習，公司或許會安排又經驗的員工進行協助。由於有經驗的員...
前端自適應方式
一 查詢 超大螢幕 min width 1200px 紅色 正常螢幕 min width 980px and max width 1200px 粉色 平板電腦與小屏電腦之間的解析度 min width 768px and max width 979px 藍色 橫向放置的手機和豎向放置的平板之間的解析...