如何获取 Div 或表格的像素宽度？

Question

这个问题的主要原因是因为我需要保存图像的 DIV 元素的宽度，但调整大小脚本（timtumb）只接受像素大小而不接受 % （会很棒）。例如：

 timthumb.php?src=castle1.jpg&h=230&w=640 

如果我将宽度设置为 640，我将在 PC 上显示图像大小就可以了，但是同一页面将需要在平板电脑或手机上显示，并且这些设备上的宽度很窄，例如 480px，因此 DIV可以调整为480px，但是脚本线需要改为：

 timthumb.php?src=castle1.jpg&h=125&w=480 

此脚本仅接受数字，不接受 % 或 px
我可以制作一个多行脚本，并使用 CSS 隐藏其中一些 DIV 作为响应式，但我想增强此代码脚本:)如果可能的话，如果不可能，我将制作一个响应式补丁。

Answer 1

您可以使用javascript获取div宽度px，并将其发送到php（例如通过ajax。）

<script type="text/javascript">
    var divWidth = document.getElementById("mydiv").clientWidth; 
</script>

Answer 2

尝试

<div><img src="timthumb.php?src=castle1.jpg&h=230&w=640" style="width:100%;max-width:640px;" ></div>

您的图像应该自动“适合”父级 div 的宽度

Answer 3

你可以使用

<picture>
  <source media="(min-width:650px)" srcset="timthumb.php?src=castle1.jpg&w=650 ">
  <source media="(min-width:465px)" srcset="timthumb.php?src=castle1.jpg&w=465">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>