1,登錄藍湖網站,可以看到團隊項目中不同的項目,點擊指定項目即可進入相應項目的各種頁面,就可以看到如下頁面: 進入項目可以看到項目名稱,以及各種需要切圖的頁面: 點擊相應頁面立即顯示具體頁面的各種信息: 點擊設置按鈕顯示 ...
下載個調整瀏覽器尺寸的插件 chrome下載個 window ReSizer 藍湖調整寬度 . 瀏覽器調整至寬 記得是調整viewport 藍湖調整至 rem單位 就可以開干了 ...
2022-04-02 10:36 2 1392 推薦指數:
1,登錄藍湖網站,可以看到團隊項目中不同的項目,點擊指定項目即可進入相應項目的各種頁面,就可以看到如下頁面: 進入項目可以看到項目名稱,以及各種需要切圖的頁面: 點擊相應頁面立即顯示具體頁面的各種信息: 點擊設置按鈕顯示 ...
在前端開發的時候測試自己的頁面在各種分辨率下顯示的情況估計是家常便飯了,而在高分屏下面測試低分辨率屏幕的顯示效果估計是很多開發者頭疼的事情,下面我就分享一些解決這個問題的工具和小技巧。 Firefox瀏覽器 推薦插件:Firesizer 介紹/安裝地址: https ...
var livereload = require('livereload'); //自動刷新頁面 ...
前端開發-瀏覽器兼容的坑 最近開始整理前端開發的瀏覽器兼容問題,初次發版內容少一點,后續會持續更新內容~ 一、JS 篇 1.new Date() ---safari瀏覽器需要特殊照顧 2.event 事件的兼容 關於event的兼容,在我寫的這篇文章中有所提到,其中的方法可以直接使 ...
開發項目中,通常需要精確設計圖中的圖片的尺寸。 怎么測量呢?? 使用Chrome的擴展,PixelZoomer可以很好的解決這個問題。測量的非常之精確和好用! 但是務必要在瀏覽器中進行測量。 可以將圖片拖拽到瀏覽器中。 使用這個工具!不論圖片是放大還是壓縮,都能夠精確的測量出像素。 ...
一般本湖君出來吆喝,必然是要搞大事情~ 繼“自動標注”功能后,藍湖再次解鎖重量級功能——“自動切圖”! 小伙伴們,驚喜不驚喜? 延續“藍湖”老規矩,本“自動切圖”功能: ①同時支持Mac和Windows雙系統 ②同時支持PS和Sketch ③免費! 話不多 ...
輸入代碼前使用快捷鍵換行 shift+enter 彈窗 alert 打印 console.log("打印的信息"); 輸出調試信息 console.debug("調試的信息"); 輸出 ...
一些網站的首頁背景圖尺寸不隨瀏覽器縮放而變化,例如百度個人版的首頁,縮放后背景圖的尺寸並不改變: 再比如花瓣網( http://www.huaban.com ): 這樣做的好處是,比如當你在1024*768px分辨率的屏幕上看到完整的背景,再換至1280*800px ...