如何以像素为单位获得Div或表格的宽度?

时间:2013-11-05 23:42:16

标签: php html

这个问题的主要原因是因为我需要一个包含图像的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中的一些,但我想增强这个代码脚本:)如果可能的话,我会做一个响应式补丁。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

尝试

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

您的图片应自动“适合”父div的宽度