モバイルはリンクスタイルを無視していますが、細かいデスクトップが縮小されています

Question

私はsiteのギャラリーにホバー状態があります。カーソルがないので、電話をかけたときにホバー状態を表示させるためにonclickを追加しました。

レスポンシブな結果を得るためにラップトップのブラウザを縮小すると、ホバー状態のリンクは、コード化されたスタイルにとどまります。自分の電話機にロードすると、テキストはコード化されたものより大きくなり、リンクはデフォルトのスタイルに設定されます。

これらのリンクには次のコードがあります。私は前に.galleryなしでコードをやってみました。どちらの時代でも、モバイルはsmall、h4、aスタイルのコードを無視します。

.gallery .captionheading { 
    margin-top: 40%; 
    text-align: center; 
    color: #fff; 
} 

.galley .captionheading>h4>a { 
    color: #fff; 
} 

.gallery .captionheading>h4>a:hover { 
    color: #ffa901; 
    text-decoration: none; 
} 

.gallery .captionheading>h4 { 
    font-family: 'Unbuntu', Helvetica, Arial; 
    font-size: 20px; 
    font-weight: 300; 
} 

.gallery .captionheading>small { 
    font-family: 'Unbuntu', Helvetica, Arial; 
    font-size: 10px; 
    font-weight: 500; 
    letter-spacing: 1px; 
} 

Answer 1

これは、モバイルブラウザがCSSファイルをキャッシュしている可能性があります。

キャッシュを消去したり、プライベートウィンドウでサイトを表示したり、別のブラウザで表示してみてください。