⑴ layui前端框架表格如何進行屏幕適配
使用IDV ，外層DIV畫進度條矩形邊框，內層DIV使用JS，進行填充寬度
⑵ 前端怎麼做iphonex的適配
ios8中可以使用一套UI就可以適配所有的尺寸，包含各尺寸的iphone及ipad。用到的技術是AutoLayout+sizeclass但在未推出自動布局autolayout之前的ios版本，就需要多套UI來適配iphone,ipad了。
⑶ h5頁面製作，設計多大的尺寸，怎麼和前端適配，實現設計的視覺稿效果
H5的頁面製作設計尺寸是有一定規范的，正常的話是考慮手機的適配問題，所以這個尺寸的話是基於手機來做的。
具體是多少呢？因為手機的尺寸是不一樣的，特別是在比例上，這就要求我們在不同的手機上必須要保證內容的呈現，一定是完整的，但自己要考慮一個問題，要把內容分為重要的和不重要，重要的是什麼呢，比如說背景圖；重要的話就是放一些文字信息等等。
這樣就劃分了一個安全區和出血區，出血區和安全區交界的部分，就是不重要的，可以在各位手機上被裁掉的或者用來遮住手機頁面背景的；但是安全的內容，是可以保證在任何大小屏幕手機上都可以完整顯示。
一般安全區內框的尺寸是375X603PX，但在製作上又是另外一回事了，作鋪滿內框的圖要按照這個尺寸的2倍大小去做。
出血區也就是外框尺寸是422X748PX，作鋪滿外框的圖要按照這個尺寸的2倍大小去做。
這個你可以參考下意派Epub360的畫布標准，這個工具是專業級的H5工具。
⑷ 前端CSS適配解析度問題
經測試，代碼本身是沒問題的。我的電腦連接了兩台顯示器，一台是1920*1080的，一台是1440*900的，我用下面的代碼：
@media screen and (max-device-width:1440px) and (max-device-height:900px)
在我的小顯示器中有響應，大顯示器則無響應。
⑸ 前端開發中，在做pc端的全屏頁面時，怎樣進行適配
不太明白你要做到什麼效果，如果是覆蓋電腦整屏的遮罩的話是這樣的
.y{
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
background-color:rgba(0,0,0,.3) ;
}
⑹ 對於web前端適配多端有什麼解決方案
適配多端 = 響應式設計頁面，
bootstrap 參考這個插件的響應式設計布局 或者 amaze ui 裡面都有詳細的講解響應式的原理以及用法，
⑺ 不同解析度的電腦,前端怎麼適配
圖表定時刷新重繪效果,可分別指定需要和不需要刷新的圖表。這里僅是前端展示用,也可配合非同步載入數據後重繪圖表。 頁面顯示時鍾、城市定位和天氣
⑻ 前端一套頁面如何適配不同解析度大小的屏幕
這個一般都是使用響應式布局然後做哦，所以可以考慮用bootstrap框架哦。
⑼ web前端怎麼做適配
固定一個某些寬度，使用一個模式，加上少許的媒體查詢方案
使用flexbox解決方案
使用百分比加媒體查詢
使用rem
⑽ 前端解析度適配
現在手機屏大小不一，而且屏幕硬體性能也各不相同，一般的UI設計都是基於特定機型畫設計搞件的，常見的是基於iPhone6的解析度設計2倍圖，以iPhone6為例，屏幕物理像素寬度是750，網頁寬度為375PX。開發中還要根據不同手機留出設計餘量，因為不同解析度的手機顯示時會有拉伸位移。
網上也有一些方案，處理高清屏適配方案，但一般也只把DPR適配到2，彩用所有長度單位放大2位，網頁整體縮放50%的的做法，比如ant-mobile就支持這種方式，它可以定義一個less常量「@hd」來定義CSS中使用的基礎單位大小，但是這種方式在遇到網頁實際寬度大於375的設備時，還是不能1：1的還源UI設計稿。
我個人在項目中採用的是更復雜的實現方式，可以實現適配DPR大於2的手機屏，並接近100%的還源UI設計稿。具體的適配技術各家大同小異，這里不再細說，我只給出我自己的適配方案。
同大多數適配方法一樣，通過 rem 設計一個基礎的大小單位 ，做為整個頁面的基礎單位，再根據屏幕物理DPR結合屏寬計算這個單位的大小，
基礎單位 = 屏幕DPR * 網頁寬度 / 375（設計稿基準為375）
網頁縮放值 = 1 / 屏幕DPR
比如我的方案是把rem設為10px 再乘以「基礎單位」，這樣在設置一個設計稿上14號字的時候，就寫 1.4rem就可以了。另外編寫頁面布局時，也用這個計算出來的相對單位，這樣可以做到不管什麼樣的屏幕，UI設計搞都不會因寬度變化而變形。另外，如果使用ant-mobile這樣的支持高清方案的UI中間件，直接在配置中把它的LESS常量 「@hd」設置 為 「0.1rem」就可以了。
另外還有一個小的福利，就是在這個方案下，當你想畫出「1物理像素」的細邊框時，直接用 「1px」，就可以了，因為在這個方案下，1px對應的是一個物理像素。
下面給出我實踐中使用的適配代碼：(這是直接放在HTML文件中的版本）
//計算屏幕比例並設置html的font-size
/**
將html字型大小設置為10個設計像素（一個基準系數，即rem為10 設計稿像素）
設計一個縮放系數，以應對可能出現的適配高清屏要求
*/
( function () {
/**初始化方法
* _standard 設計稿對應的解析度
* base_DPR 設定最小DPR值
*/
function setInitialRem( _standard, base_DPR) {
//取得當前設備DPR
var dpr = window. devicePixelRatio || 1;
//如果設定了默認最小DPR值
if ( base_DPR) {
dpr = dpr >= base_DPR ? dpr : base_DPR;
}
//設定縮放視圖比例
var scale = 1 / dpr;
//設直視圖縮放比例
document. head. querySelector( 'meta[name="viewport"]'). content = "width=device-width,initial-scale=" + scale + ",minimum-scale=" + scale + ",maximum-scale=" + scale + ",user-scalable=no, shrink-to-fit=no";
//取得當前設備寬度
var device_width = document. documentElement. clientWidth; //window.innerWidth;
//標定原稿設計基準值 當前稿件設計寬度為 iPhone6/6s 375像素
var standard_width = _standard * dpr;
//設定基準單位
var base_value = 10;
//基準系數=設備寬度➗稿件基準寬度✖️設備DPR✖️10
var rem = device_width / standard_width * dpr * base_value;
//設置 REM
document. documentElement. style. fontSize = rem + "px";
}
window. addEventListener( "resize", function () { setInitialRem( 375, 1); });
setInitialRem( 375, 1);
})();