匹配comps到html像素完美

有沒有一個程序會顯示你的指南，統治者，所以你可以匹配你的HTML佈局在CSS你的Photoshop比賽。什麼是最佳實踐。現在我正在做屏幕截圖，並使用矩形工具從屏幕截圖中獲取我的測量結果，看看它們是否匹配，但這需要花費很多時間。我認爲必須有一個程序或一些可以顯示標尺或測量結果的東西，甚至可以用測量結果疊加以精確調整您的css像素測量結果。匹配comps到html像素完美

來源

2011-07-25 Chapsterj

我已經使用像素完美擴展，由thirtydot建議，並且工作正常。但是：這隻會給你一個在Firefox中的確切設計。每個其他瀏覽器可能是一個像素（或2）關閉。 –

這個工程也很棒。感謝這兩個答案。 – Chapsterj

嘗試像素完美的擴展：https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/

像素完美是一個Firefox/Firebug擴展，它允許Web 開發人員和設計人員可以輕鬆地將開發的HTML頂層上的網頁組合覆蓋。

來源

2011-07-25 16:06:14 thirtydot

您是否知道在重新加載頁面時如何保持該層。當我重新加載頁面時，它會一直關閉它。這不是世界末日，但不得不繼續打開它有點令人沮喪。 – Chapsterj

它不會爲我「關閉」 - 即使重新加載頁面後，疊加層仍然存在。我只用Firefox 5和Firebug/Pixel Perfect的最新穩定版本進行了測試。嘗試製作[新的Firefox配置文件]（http://support.mozilla.com/zh-CN/kb/Managing-profiles）並僅安裝這些擴展。 – thirtydot

啊，如果你留在像素完美的選項卡上，並重新加載它，但如果你移動到HTML選項卡並重新加載，那麼你必須返回並重新打開圖層，以完美的像素。 – Chapsterj

我覺得像這樣的事情火狐MeasureIt的工具方便：

https://addons.mozilla.org/en-US/firefox/addon/measureit/

來源

2011-07-25 15:58:54 Curt

https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/正如之前所述。順便說一句，你也可以在photoshop中測量距離：有時你只需要一個值，而不是搞亂像素完美。在PS中使用標尺和標尺工具（Shift + I，直到找到它）。我在我的作品中將PS和PixelPerfect插件中的測量結合起來。

來源

2011-07-25 17:51:24 Bardt

匹配comps到html像素完美

回答

相關問題