我如何在瀏覽器

正確顯示公制單位要顯示「天然大小」對網站商品圖片。當然首先，我計算尺寸圖片：我如何在瀏覽器

<Height of picture in pixels> * <real height of item in mm> 
----------------------------------------------------------- 
     <height of item on the picture in pixels>

公式是正確logicaly它工作正常上

desktop 17'' 4:3 monitor 1280*1024.

任何其他設備顯示的指標是錯誤的。我測試：

2 smartphone. 
22'' 1920*1080 desktop monitor 
13.3'' 1366*768 notebook 
14'' 1600*900 notebook

他們所有不是4：3的縱橫比。那有什麼問題？我怎樣才能達到我的目標？我搜索網頁，但只有解決方法，我發現是顯示一塊A4大小的紙張，並要求用戶縮放頁面。我最好問用戶設置他們的系統，但如何做到這一點？

來源

2013-02-16 cynepnaxa

你真的希望人們拿起一張紙來調整他們的系統以適應你的現實嗎？如果您的實物是（比方說）每側1米的立方體，您是否要求您的用戶出去購買1平方米的屏幕，以便以「自然尺寸」顯示？ – 2013-02-16 04:49:23

不，貨物尺寸至多20釐米:)用戶想知道物品的真實尺寸。要做到這一點，當我例如在另一個網站上買東西時，我在紙上畫了一張照片。如果我可以調整圖片的縮放比例，它會更簡單。當然，如果尺寸正確無誤，它會更好。我還有很多項目的圖片適合屏幕，但其中一個很大 - 自然大小。有我的網站：www.cynephone.com。 – cynepnaxa 2013-02-16 05:51:43

謝謝大家！我結合了所有的提示，並使圖片： http://www.clker.com/clipart-258249.html 用戶採取了一個共同的東西，並適合它通過縮放圖片。

來源

2013-02-19 16:01:29 cynepnaxa

不幸的是，儘管存在方法來查詢每它顯示英寸的確切像素的瀏覽器，瀏覽器廠商決定同意到一個方便的謊言......所有的瀏覽器報告每英寸96個像素。雖然你可以通過瀏覽器向你報告這個事實，但是沒有辦法得到每英寸像素數爲。

一個著名的例子是沒有辦法通過JavaScript，HTML或CSS，以檢測儘管有根本不同的像素密度一個iPad 2和一個iPad贈送之間的差。

其實我覺得用紙張，並要求用戶放大校準「真正顯示的大小」相當聰明的做法。如果你使它容易使用，我相信他們會喜歡這個功能！

來源

2013-02-16 04:53:52 Plynx

謝謝你的決定！現在我明白爲什麼桌面17「4：3顯示器1280 * 1024的作品。它有真正的96 dpi。你能告訴我，這個問題 – cynepnaxa 2013-02-16 05:55:48

謝謝你的解決方法！現在我明白爲什麼桌面17「4：3顯示器1280 * 1024的作品。它有真正的96 dpi。但我不直接查詢dpi - 我只是在css中使用度量值。我不敢相信 - 這個功能根本不起作用？只有96 dpi的顯示器？哇:(（（ – cynepnaxa 2013-02-16 06:03:30

所以現在有一種方法來設置瀏覽器一次顯示指標正確？ – cynepnaxa 2013-02-16 06:18:40

理論上，通過CSS 2.1規範，mm單元（以及類似單元，如cm和in）與物理單元有關。因此，如果您使用mm單位設置圖像寬度，瀏覽器應該將圖像縮放到指定的物理尺寸，準確度可以通過設備的分辨率來確定。

在現實中，瀏覽器的行爲多在CSS3值和單位CR描述的方式。關於physical units的部分表示，根據定義，1in等於96px，而在打印機等高分辨率設備上，英寸是固定單位，對應於真實物理英寸，而在像顯示器這樣的較低分辨率設備上，像素是固定單位。它補充說：「請注意，如果錨單元是像素單元，物理單元可能與其物理測量不匹配。」（此外，即使在打印機中，CSS in與物理英寸之間的對應關係也不一定準確。）

所以，任務不可能。

由用戶校準，我不會用A4紙。這很大，並不是每個人都有A4紙，特別是在紙張尺寸不同的國家。一個英寸和毫米的統治者會更好。也許你可以添加一個縮放小部件來使縮放變得更容易。

來源

2013-02-16 07:35:53

我如何在瀏覽器

回答

相關問題