我想保存圖像的順序和位置

-1

我正在一個項目thelifeofthings.ca它尚未完成。代碼太長，無法發佈。我想完成的是在任何桌面屏幕上都有10列和5行，無論其分辨率如何。我想保存圖像的順序和位置

所有的圖像CSS是像`

#image { 
float:left; 
width: 142px; 
height: 162px; 
background-image: url('http://www.freedigitalphotos.net/images/img/homepage/87357.jpg'); 
background-size: 100% 100%; 
transition-property: background-image; 
transition-delay: 2s; 
transition-duration: 0.1s; 

}`

和HTML僅僅是

<a href="#" class="lightbox_trigger"><div id="image2"></div></a>

所以我創建它下面我的瀏覽器的大小，但在其他的筆記本電腦它顯示了不同數量的列和行

來源

2016-11-20 sfbarts

請發表[最小，完整，可驗證的示例]（https://stackoverflow.com/help/mcve）的這個錯誤。如果代碼太長，您可以發佈相關部分。 –

我查看了該網站;快速修復這個（相對於你的架構）是

a > div { 
    width: 9.8vw !important; 
}

基本上，你可以使用視寬度單位（VW）指定的相對於視臺的量。 100vw應該等於整個視口寬度，所以每個元素的10vw應該是你正在尋找的。

但是，使用Windows時滾動條存在問題，所以我使用9.8vw而不是10vw（以上）。

有關單位視口的詳細信息，並與滾動條問題，請參閱以下鏈接： https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/

來源

2016-11-20 04:26:40 cyrotello

我想保存圖像的順序和位置

回答

相關問題