モバイル（応答しないサイト）でFancyboxのボタンが小さすぎます

Question

私はgalleryのためにFancybox 3を使用します。

Fancyboxボタン（<、>、X、キャプションが）私のAndroid上で非常に小さく、私のビューポートは静的です：

<meta name="viewport" content="width=640"> 

私は '幅のデバイスを、初期の規模= 1.0' を使用することはできませんそれは応答しないので、私のサイトを間違って表示するので、私は静的な（応答しない）ウェブサイトのための解決策が必要です..

多分、このプラグインのcss/jsファイルと関係がありますか？

Answer 1

オーバーライドファンシーボックスが提供するデフォルトのスタイル。例えば

、キャプションを大きくするために、あなたはjquery.fancybox.css

が含まれている後に上記のスタイル が含まれていることを確認し、オーバー乗ること

@media (max-width: 800px) 
.fancybox-caption { 
    font-size: 35px; 
} 

のようなものを使用することができます

Answer 2

ご希望の場合は、あなたが簡単にたとえば、CSSを使用して、すべてのインターフェイス要素を拡張することができます

.fancybox-infobar__body, .fancybox-button { 
    transform: scale(1.5); 
} 

Answer 3

はあなたのすべてをありがとう、私はそれらを変更メディアクエリで一つの電子Niketが提供されて、素晴らしい作品、今私は短いあまりにも@Janisがあることを知っている... :-)

はここに知りたい人のための私のCSSです：

@media all and (max-width: 800px) { 
.fancybox-caption { 
    line-height: 35px; 
    font-size: 30px; 
} 
.fancybox-infobar__body { 
    font-size: 30px; 
    width: 120px; 
    line-height: 60px; 
    margin-left: 10px; 
} 
.fancybox-button { 
    width: 60px; 
    height: 60px; 
    line-height: 60px; 
} 
.fancybox-button--close::before, .fancybox-button--close::after { 
    height: 3px; 
    width: 30px; 
    left: calc(50% - 15px); 
}