Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅在iPhone上溢出到div外部的图像_Javascript_Css_Html - Fatal编程技术网

Javascript 仅在iPhone上溢出到div外部的图像

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>

我有一个有三列的表。每列的第一行有一个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>
    <img src="image 3 url"/>
  </td>
</tr>
</table>
问题是,除了iPhone,其他地方都可以正常渲染。只有在iPhone上尝试过4S和5S,最后一列图像只显示了一半,而我的期望是,很明显,这些列因此图像会根据iPhone屏幕宽度自行调整大小

你可以通过iPhone在www.checkgaadi.com上查看实际的网站。小提琴也在这里-

在测试过程中,我发现当我调整浏览器窗口大小以模拟各种手机宽度时,当我低于290px的浏览器窗口宽度时,屏幕没有响应调整不会发生


有人能帮忙吗。我是个新手,如果这是一个基本问题,我很抱歉。我现在被这件事困扰了整整一天。

刚刚在解决一个看似无关的问题时找到了解决方案。在Android上正确渲染时,这些按钮在iOS上看起来非常糟糕。找到这篇解释修复的文章,它也修复了图像溢出问题-。事后来看,它修复了溢出问题的原因也可以解释,因为webkit的按钮也更大,而现在webkit消失了,按钮更小,因此没有溢出

我所要做的就是应用样式-webkit外观:无;到输入按钮元素