为iPad设备应用自定义CSS

Question

我在使用iPad设备显示我的网站时遇到问题。有些元素不像我指定的CSS。 例如。我插入这个CSS在一行中显示3张图片。
但图像只显示2行。

式中问题表明

我有这个CSS插入图像。

.sliki { 
     width: 250px; 
    length: 250px; 
    display: inline-block; 
    position:relative; 
    float:left; 
    padding:10px; 
    } 

但这个CSS不适用于ipad。在其他平板电脑上都可以。

而且如何中心的形式是在正确的iPad表现出这一点：

这也是我已插入该部分，但在iPad上不能持续CSS。

这是所有元素所在的页面。

Answer 1

这width与padding是问题...
的iPad屏幕有768px宽...在一排那么3张图片，具有250像素的宽度加上填充值的20像素，不合身。
您可以使用@media queries，并添加max-width和width: 100% ....
请看一看here。