2

我正在尝试制作一个img，以毫米为单位获得一定的高度。

显然，CSS规则 height: 10mm;没有这样做，它转换为height:37.8px ，根据这个链接：http ://css-tricks.com/the-lengths-of-css/

那么，无论访问者使用什么设备，如何将高度设置为真实单位？

ps

如果这不能用纯 CSS 完成，jQuery 或任何其他解决方案都可以。

请告诉我一个方法。

谢谢你的帮助 ！

附言 2：

如果问题不清楚，我尝试的是：

响应式 CSS、媒体查询等不起作用。看到这个页面： http ://webtasarimveprogramlama.com/cetvel/alternatif-1/

通过使用此页面的移动设备进行模拟： http ://www.brickandmobile.com/mobile-emulator/

虽然它被标记为响应式设计，但我想它类似于反响应式设计:)

4

1 回答 1

0

基于这个问题的答案：Pixel to MM equation？

您可以尝试通过获取具有 mm 大小的 div 的大小来计算 mm 到 px 或其他方式。

<div id="mm" style="height:1mm;display:none"></div>

接着

var pxPerMM = $('#mm').height();

希望它有所帮助。

编辑：

所以，我才意识到你问的是如何分配毫米。如果你使用 jQuery，你可以使用css()函数来分配它。示例： https ://jsfiddle.net/yusrilmaulidanraji/Lyzr2ju1/

$("#millimeter-size").css("height","50mm");
$("#millimeter-size").css("width","50mm");
#millimeter-size{
  border: 1px solid black;
  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="millimeter-size">

</div>

于 2016-10-05T14:28:36.443 回答