藍湖設計稿使用
1，登錄藍湖網站，可以看到團隊項目中不同的項目，點擊指定項目即可進入相應項目的各種頁面，就可以看到如下頁面： 進入項目可以看到項目名稱，以及各種需要切圖的頁面： 點擊相應頁面立即顯示具體頁面的各種信息： 點擊設置按鈕顯示 ...
原文：如何使用藍湖設計稿同時適配PC及移動端
如何使用藍湖設計稿同時適配PC及移動端 項目需求： 一套代碼同時適配PC及移動端 方案: pc端采用px布局，移動端采用rem布局，通過媒體查詢 media query 切換 坑： 嘗試過使用postcss pxtorem來自動將px轉換rem, 只能滿足移動端，無法同時適配PC及移動端，感覺PC端還是使用固定像素px來布局好一點 PC端 設計稿尺寸 為了設備不同分辨率的屏幕，可選擇將設計稿寬度設 ...
2021-01-12 10:23 0 1522 推薦指數：
相關推薦
藍湖 UI 設計稿上如何生成漸變色和復制漸變色
藍湖 UI 設計稿上如何生成漸變色和復制漸變色 Sketch 生成漸變色 不要上傳圖片,切圖 如果是切圖，切圖模式下就不會生成 css 代碼了 復制漸變色 OK ✅ 復制漸變色 Error ❌ refs ©xgqfrms ...
移動端rem的轉換（750設計稿）
js轉換文件 ...
vue解決移動端和pc端適配
轉自：https://www.cnblogs.com/liangtao999/p/12047734.html ...
vue解決移動端和pc端適配
//App.vue mounted() { if (this._isMobile()) { alert("手機端"); // this.$router.replace('/m_index'); } else { alert("pc端"); // this.$router.replace ...
pc端使用rem適配
$(function(){ var whdef = 100/1920;// 表示1920的設計圖,使用100PX的默認值 var wH = window.innerHeight;// 當前窗口的高度 var wW = window.innerWidth;// 當前窗口的寬度 var rem ...
移動端設計稿尺寸（微信端）
我保證你一分鍾就能看完這篇文章! 真的.. 角色解釋： 需求方：有錢大爺 設計人員：美工殿下 前端工程師：前端文藝青年 一個HTML5頁面從提出到完成上線的流程： 1、需求方、設計人員、H5實現人員三方共同討論實現方案 ...
移動端頁面制作字號大小設定問題,設計稿文字字號規范,解決移動端大小屏適配問題
邏輯分辨率：320*480 《==》 物理分辨率：640*690 最小字號：12px 邏輯分辨率：320*658 《==》 物理分辨率：640*1136 ...