設(shè)計(jì)稿精品文章

• 

  Day05-flexible.js

  ...，lets get into the business。 比如今天接到一個(gè)ui妹子的一張?jiān)O(shè)計(jì)圖，對于手機(jī)尺寸的各種規(guī)范我也不是很清楚。一般據(jù)我所知，寬一般是750px的。如何進(jìn)行切片以及編寫css呢？具體詳情可以訪問（http://www.jb51.net/article/7...，以下內(nèi)...

  HtmlCssJs 2019-08-30 13:08 評論0 收藏0
• 

  Day05-flexible.js

  ...，lets get into the business。 比如今天接到一個(gè)ui妹子的一張?jiān)O(shè)計(jì)圖，對于手機(jī)尺寸的各種規(guī)范我也不是很清楚。一般據(jù)我所知，寬一般是750px的。如何進(jìn)行切片以及編寫css呢？具體詳情可以訪問（http://www.jb51.net/article/7...，以下內(nèi)...

  LiuRhoRamen 2019-08-01 15:57 評論0 收藏0
• 

  頁面制作（切圖）第一章

  ...頁面制作（切圖）就是，web前端工程師通過HTML和CSS還原UI設(shè)計(jì)師的設(shè)計(jì)稿。目前各公司UI設(shè)計(jì)師常用的設(shè)計(jì)工具有Photoshop、Sketch 下面這是我們公司設(shè)計(jì)師通過Sketch制作的設(shè)計(jì)稿 可以通過這款連接設(shè)計(jì)師和前端工程師（web前端、an...

  felix0913 2019-08-29 12:43 評論0 收藏0
• 

  頁面制作（切圖）第一章

  ...頁面制作（切圖）就是，web前端工程師通過HTML和CSS還原UI設(shè)計(jì)師的設(shè)計(jì)稿。目前各公司UI設(shè)計(jì)師常用的設(shè)計(jì)工具有Photoshop、Sketch 下面這是我們公司設(shè)計(jì)師通過Sketch制作的設(shè)計(jì)稿 可以通過這款連接設(shè)計(jì)師和前端工程師（web前端、an...

  hightopo 2019-08-01 16:59 評論0 收藏0
• 

  移動屏幕適配

  ...即可。 參數(shù) type 適配類型(可選值為fixed或rem) width 設(shè)計(jì)稿寬度(整數(shù)) 適配方法 可以選擇以下兩種方式進(jìn)行屏幕適配： 定寬： 原理：設(shè)定viewport的寬度為固定值(即傳遞的width值)，并根據(jù)屏幕寬度和width值計(jì)算viewport縮放...

  dreamGong 2019-08-21 10:35 評論0 收藏0
• 

  微信小程序中rpx與rem單位使用

  ...tener(DOMContentLoaded, recalc, false); })(document, window); 2） 根據(jù)設(shè)計(jì)稿寬度算出rem和px直接的轉(zhuǎn)換公式 例如：640px的設(shè)計(jì)稿，轉(zhuǎn)換公式就是按照上面js中這句而來【docEl.style.fontSize = 20 * (clientWidth / 320) + px】，最終 1rem = 20 x 640/320 +...

  Cobub 2019-08-22 10:45 評論0 收藏0
• 

  微信小程序中rpx與rem單位使用

  ...tener(DOMContentLoaded, recalc, false); })(document, window); 2） 根據(jù)設(shè)計(jì)稿寬度算出rem和px直接的轉(zhuǎn)換公式 例如：640px的設(shè)計(jì)稿，轉(zhuǎn)換公式就是按照上面js中這句而來【docEl.style.fontSize = 20 * (clientWidth / 320) + px】，最終 1rem = 20 x 640/320 +...

  lwx12525 2019-08-14 16:52 評論0 收藏0
• 

  我的前端規(guī)范系列-高清屏適配[按標(biāo)準(zhǔn)來就行]

  ...2x的標(biāo)準(zhǔn)2.使用以屏幕寬度為基準(zhǔn)的相對單位,為了適配,從設(shè)計(jì)稿到成品肯定存在換算過程3.為位圖的容器設(shè)置寬高適配后效果圖:基本不會出現(xiàn)很不理想的狀況 什么才是標(biāo)準(zhǔn)的@2x圖？ 其實(shí)已750x1334設(shè)計(jì)出來的圖，切下來，剛剛好...

  Carbs 2019-08-02 16:11 評論0 收藏0
• 

  我的前端規(guī)范系列-高清屏適配[按標(biāo)準(zhǔn)來就行]

  ...2x的標(biāo)準(zhǔn)2.使用以屏幕寬度為基準(zhǔn)的相對單位,為了適配,從設(shè)計(jì)稿到成品肯定存在換算過程3.為位圖的容器設(shè)置寬高適配后效果圖:基本不會出現(xiàn)很不理想的狀況 什么才是標(biāo)準(zhǔn)的@2x圖？ 其實(shí)已750x1334設(shè)計(jì)出來的圖，切下來，剛剛好...

  Tecode 2019-08-30 15:43 評論0 收藏0