2016-07-12 18 views
-1

私はこのWordpress pageとこのwebsite pageの間にどのようなコーディングの違いがあるのか​​を理解しようとしています。Wordpressのページは完全に縮小しますが、ウェブサイトのページは表示されません

私がページを縮小すると、Wordpressのページは画像とその間のスペースと共に完全に縮小します。しかし、ウェブサイトのページでは、それは縮小されますが、Wordpressのページほど良くはありません。画像が圧縮され、間隔が失われます。私は、別の解像度のモニタで見ると、ウェブサイトのページがどのように見えるのか心配です。

size reduction

誰もがこれである理由のアイデアを持っていますか?

+0

はChromeブラウザでOKです。あなたの質問にいくつかの詳細を入れてください。つまり、ブラウザでテストされたブラウザ – Tasos

+0

は、Chromeで試してみましたが、ウェブサイトのページはmozilla経由で縮小されます。下の画像を見ると、画像間の間隔は縮小後に失われます。一方、ワードプレスのページはすべて細かく保持されていました –

+0

写真を親の幅100% –

答えて

0

私は検査官でこれを試しましたが、これは正しく動作するようです。

.one-fourth { 
    width: 31%; 
    float: left; 
} 

@media only screen and (max-width: 767px) and (min-width: 480px){ 

    .one-half, .one-third, .one-fourth { 
     margin: 0 0 0 3.44%; 
     width: 33%; 
     float: left; 
    } 

} 

次に、.one-divsの間にあるすべてのクリア修正divを削除します。

関連する問題