前端開發要考慮到不同解析度電腦的頁面展示問題，在開發者電腦上的介面在使用者電腦上開啟可能出現很大變形。
解決方案主要有：
簡單介紹一下：
即針對不同的解析度，開發不同的css樣式，在介面載入時，先判斷使用者螢幕解析度，在應用相應的css
相比較，這種方法最複雜，而且如果系統面向大眾，需要作很多不同的css
推薦文章：pc端頁面適應不同的解析度的方法
針對不同解析度展示問題，有很多大牛開發了諸多框架，最為知名的即bootstrap,也是github上最為知名的框架
bootstrap提供了許多css樣式，在標籤中應用這些樣式後，前端頁面即可自動針對不同解析度調整顯示樣式。此外，bootstrap還開發了一些常用前端控制項，如輪播、導航欄、進度條等等。
bootstrap的學習也較為簡單。
相比較，這是最一勞永逸的方法，學會後可以很簡單的進行前端工程開發，相當省事。bootstrap（及其他同類前端框架）必定是前端開發的趨勢。
這種方法只適合於要調整的頁面元素較少的情況，如果解析度改變後，頁面中很多元素都有變形，而且頁面整體變得混亂，不適合使用此方法。
常用的方法有：
獲取螢幕寬度/高度/解析度，針對各種情況設定樣式
var screenw=screen.width;
switch (screenw)
var screenw=screen.width;
var setwidth=503.1942591335728-0.0836961379926832*screenw
$('.hhandle').attr('data-height',setwidth);
pc端前端頁面適應不同解析度的問題
1,這裡記住將此必須寫在head中，這樣樣式才會先被載入出來，如果將此寫在自己定義的js檔案中，js檔案寫在body後面的話，樣式將不會被按照預想的被顯示出來 2,這種寫法對於我現在的 這裡的學時就不應該使用相對定位，如下 顯示 charset utf 8 form control unit nam...
前端頁面適應不同螢幕解析度常用做法
前端開發的工程中一般都要考慮到不同的電腦解析度的問題，由於這段時間我也遇到了這個問題，今天進行一下相關的總結。一 不同的頁面呼叫不同的css檔案 這個方法給人的第一感覺可能比較繁瑣冗雜，其實實際工作量並沒有看起來的那麼大。頁面的整體樣式肯定基本上是相同的，不同的瀏覽器我們要做的只是對頁面中的元素的位...
cocos2d x 適應不同解析度
相同平台不同解析度 ccfileutils setsearchresolutionsorder 支援檔案分布策略，你可以像如下一樣查詢設定路徑 std vectorresdirorders resdirorders.push back ipadhd resdirorders.push back ip...