私はイメージの順序と位置を保ちたい

Question

私はまだ未完成の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> 

であるが、他のノートパソコンでは、列と行の異なる数を示してい

Answer 1

私はサイトをチェックアウトしました。 （自分のスキーマに対して）このためのクイックフィックスを使用すると、ビューポートに相対単位の量を指定するには、ビューポートの幅ユニット（VW）を使用することができ、基本的に

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

です。 100vwはビューポートの幅全体と等しくなければならないので、各要素の10vwはあなたが探しているものでなければなりません。

しかし、Windowsを使用しているときにスクロールバーに問題があるため、10vw（上記）ではなく9.8vwを使用しています。ビューポート単位に関する詳細情報については

、およびスクロールバーでの問題は、このリンクを参照してください。 https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/