Javascript 仅在iPhone上溢出到div外部的图像
我有一个有三列的表。每列的第一行有一个img,我已经给出了表的最大宽度为100%。每个图像的实际宽度为200像素Javascript 仅在iPhone上溢出到div外部的图像,javascript,css,html,Javascript,Css,Html,我有一个有三列的表。每列的第一行有一个img,我已经给出了表的最大宽度为100%。每个图像的实际宽度为200像素 <table id="table1_id"> <tr id="row1_id"> <td> <img src="image 1 url"/> </td> <td> <img src="image 2 url"/> </td> <td>
<table id="table1_id">
<tr id="row1_id">
<td>
<img src="image 1 url"/>
</td>
<td>
<img src="image 2 url"/>
</td>
<td>
<img src="image 3 url"/>
</td>
</tr>
</table>
问题是,除了iPhone,其他地方都可以正常渲染。只有在iPhone上尝试过4S和5S,最后一列图像只显示了一半,而我的期望是,很明显,这些列因此图像会根据iPhone屏幕宽度自行调整大小
你可以通过iPhone在www.checkgaadi.com上查看实际的网站。小提琴也在这里-
在测试过程中,我发现当我调整浏览器窗口大小以模拟各种手机宽度时,当我低于290px的浏览器窗口宽度时,屏幕没有响应调整不会发生
有人能帮忙吗。我是个新手,如果这是一个基本问题,我很抱歉。我现在被这件事困扰了整整一天。刚刚在解决一个看似无关的问题时找到了解决方案。在Android上正确渲染时,这些按钮在iOS上看起来非常糟糕。找到这篇解释修复的文章,它也修复了图像溢出问题-。事后来看,它修复了溢出问题的原因也可以解释,因为webkit的按钮也更大,而现在webkit消失了,按钮更小,因此没有溢出 我所要做的就是应用样式-webkit外观:无;到输入按钮元素