Web_Design 板


LINE

前情提要一下(可跳過) 最近因為幫客戶切電子報,客戶一直反應在outlook字體變超大 (我已經每一個<p>都用行內寫成固定font-size...了) 因前一期客戶自己有在他們的發報平台的編輯器修改成滿意、不會變大的樣子, 我乾脆請客戶寄給我看,結果開了原始碼,發現其字體單位大小是pt 我知道pt是印刷用的尺寸,一直認為用他排網頁會有比例跑掉的風險,所以從未用過 今天發現了客戶用pt解決字體變形問題,就再次推敲了一次我對pt的認識 ================ 我google了一下,大致上找到的說法差不多如下兩點 1.pt是印刷單位,對螢幕來說是相對值, 而px是像素單位,可以精確指定在螢幕上的大小 2.在不同解析度的螢幕下,pt會無法相對於網頁中其他圖片固定比例 (因為pt是相對單位 ,所以會縮放),px則因為與網頁圖片是相同單位,所以比例會保持一致。 我之前一直誤以為這裡的螢幕解析度指的是螢幕尺寸, 所以就跟著誤以為pt在1024*768和1680*1024的螢幕上看起來會固定視覺大小 然而依據這一篇的實驗 並不是這樣 http://www.neo.com.tw/archives/163 這裡的解析度不是指螢幕大小1024*768或1680*1024,而是指像素密度72dpi或96dpi 不過我不知道怎麼修改像素密度 Orz (這是硬體條件....吧?) 所以也無法自行驗證。 我想詢問一下有沒有比較了解的版友,我這樣認知有沒有錯誤? 如果我為解決EDM排版問題而用pt,會有其他風險嗎?(我目前看起來沒有) (當然,如果可以直接提供我outlook的排版解決方案我會更感激, 但我已經不抱希望了Orz) --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.126.168.209
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1405046590.A.58B.html
1F:→ fire231:使用px 的確可以完全的固定字體的大小 但是的確會有 07/11 16:31
2F:→ fire231:你說的客戶看到說太大問題 , 因為他解析度太小了 07/11 16:32
其實照他給我看的截圖,不是因為這樣耶 因為和插入的圖片對照,圖片的尺寸沒變,字體卻大得嚇人... 這樣一講,總覺得反而很像pt惹得禍,
3F:→ fire231:所以就必須使用,非絕對的單位 07/11 16:32
4F:→ fire231:建議你可以試試看 em 07/11 16:36
5F:→ fire231:附上幾篇pt的文章 07/11 16:36
6F:→ fire231:http://www.douban.com/note/155032221/ 07/11 16:36
7F:→ fire231:http://ppt.cc/EJs- 07/11 16:37
8F:→ fire231:http://ppt.cc/A-Qj 07/11 16:38
我想過用em,但是不是絕對單位我也覺得會有比例跑掉的風險說, em不是還要看收信端預設的defult大小嗎 Orz 謝謝你提供的連結,我晚點看看 ※ 編輯: oj113068 (59.126.168.209), 07/11/2014 18:34:27
9F:→ fire231:em是看 body大小 你也可以在 body設定大小阿 07/11 20:03
到了郵件裡就沒有body了... ※ 編輯: oj113068 (59.126.168.209), 07/11/2014 20:13:58
10F:→ fire231:痾... 我之前弄EDM的時候可以 07/12 02:00
11F:→ fire231:不然你加個框進去? 07/12 02:00
12F:→ oj113068:你是說DIV? 07/12 23:46
13F:→ fire231:對 07/13 00:33







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Tech_Job 或 站內搜尋

TOP