爲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。