Html iPad版网站未在线

我的网站的iPad版本不在线。图像似乎位于文本下方，当您缩小计算机上的网站窗口时，情况也是如此

有没有办法阻止这种情况发生

HTML

<div id="content" class="clearfix">

<div class="leftCol noborder">Daisy Whitney</div>
<div class="clearfix"></div>
<div class="leftCol">Testing where this shows up. Testing where this shows up. Testing where this shows up. Testing where this shows up.</div>

<ul id="projectBreakdown" class="rightCol gallery clearfix">
<li class="large"><img src="http://www.lauradawaf.co.uk/wp-content/uploads/2012/10/test.jpg" style="display: inline-block" ></li>
<li class="large"><img src="http://www.lauradawaf.co.uk/wp-content/uploads/2012/10/test.jpg" style="display: inline-block" ></li>
</ul>

</div>

---

你为什么要在ipad上工作？ipad没有特定的CSS。视图端口元标记也丢失：

添加此元标记：

<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0;" />

---

然后为使用媒体查询的设备编写特定的CSS。

听起来像是您试图动态调整照片大小，同时保持左侧文本始终固定，同时保持最小960px宽度？CSS仍然无法完全实现您想要的内容。我同意refhat的观点，即您应该研究CSS媒体查询，以便在iPad和更小的显示器上正确显示网页

不，这里有一些代码供你考虑。我对html和css代码都有很大的自由。而且。。。我使用css表格

<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0;" />