前端開發的工程中一般都要考慮到不同的電腦解析度的問題，由於這段時間我也遇到了這個問題，今天進行一下相關的總結。
一、不同的頁面呼叫不同的css檔案
這個方法給人的第一感覺可能比較繁瑣冗雜，其實實際工作量並沒有看起來的那麼大。
頁面的整體樣式肯定基本上是相同的，不同的瀏覽器我們要做的只是對頁面中的元素的位置、大小等進行細微的調整；
整個的頁面樣式設計已經完成了，其他的直接複製整體樣式進行相應調整即可。不過，如果頁面過多的話不建議採用這種方法。
二、css 多**查詢（@media）
@media 查詢，可以針對不同的**型別定義不同的樣式。
@media 可以針對不同的螢幕尺寸設定不同的樣式，特別是如果你需要設定設計響應式的頁面，@media 是非常有用的。
當你重置瀏覽器大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面。
（可參考菜鳥教程：
mediatype ：**型別 media feature：**功能
@media mediatype and|not|only(media feature)
示例：瀏覽器寬度大於411px 且 小於等於1024px時應用的login類樣式：
@media screen and(min-width: 411px)and(max-width: 1024px)
注意，若設定的屬性屬於css還是div的，如果只屬於css，可能寫法方面也會有影響，有時間再寫一篇詳細區分；
另一種寫法： $("#aa").css("height",300)
四、使用前端框架
現在針對不同瀏覽器的解析度顯示問題，湧現了諸多前端框架，其中比較有名的bootstrap （官網：是最受歡迎的 html、css 和 js 框架，用於開發響應式布局、移動裝置優先的 web 專案。
bootstrap 是完全開源的。它的**託管、開發、維護都依賴 github 平台。
全域性 css 樣式；基本的 html 元素均可以通過 class 設定樣式並得到增強效果；還有先進的柵格系統。
此外，bootstrap還開發了一些常用前端控制項，如輪播、導航欄、進度條等等。
bootstrap的學習也較為簡單，學會後可以很簡單的進行前端工程開發，容易上手，方便省事。
bootstrap（及其他同類前端框架）必定是前端開發的趨勢。
前端頁面適應不同解析度
前端開發要考慮到不同解析度電腦的頁面展示問題，在開發者電腦上的介面在使用者電腦上開啟可能出現很大變形。解決方案主要有 簡單介紹一下 即針對不同的解析度，開發不同的css樣式，在介面載入時，先判斷使用者螢幕解析度，在應用相應的css 相比較，這種方法最複雜，而且如果系統面向大眾，需要作很多不同的css...
pc端前端頁面適應不同解析度的問題
1,這裡記住將此必須寫在head中，這樣樣式才會先被載入出來，如果將此寫在自己定義的js檔案中，js檔案寫在body後面的話，樣式將不會被按照預想的被顯示出來 2,這種寫法對於我現在的 這裡的學時就不應該使用相對定位，如下 顯示 charset utf 8 form control unit nam...
適配不同解析度螢幕
如今的螢幕解析度，小至320px iphone 大到2560px甚至更高 大顯示器 變化範圍極大。除了使用傳統的台式電腦，使用者會越來越多的通過手機 上網本 ipad一類的平板裝置來瀏覽頁面。這種情況下，固定寬度的設計方案將會顯得越發不合理。頁面需要有更好的適應性，其布局結構要做到根據不同的裝置及螢...