CSSでPHPエコーステートメントでdivを表示する

Question

私はCSS ディスプレイを使用しています：なし私のHTMLコードでdivsを非表示にします。通常のHTMLコンテンツを保持し、コンテンツを非表示にするdivの場合は問題ありません。

しかし、divがPHPのecho文を保持している場合、その内容は隠されません。 420px -

HTML

<span class="paginationFull"><?php echo $paginationCtrls;?></span> 
<span class="paginationMini"><?php echo $paginationCtrlsMob;?></span> 

CSS基本的に

.paginationFull{display:none} 

、私はデスクトップとミニ改ページコントロール320PX場合であれば、完全な改ページコントロールを表示するために探しています。私はCSSの表示を考えた：noneこれを行うための素敵な簡単な方法だろう。誰も、これを達成する方法を知っていますか？助けてくれてありがとう。 Andy ;-)

Answer 1

ユーザーが自分の携帯電話やデスクトップ上にあるかどうかを検出することができますいくつかの良いphpライブラリがあります。これを使用して、どのナビゲーションが使用されているかを制御できます。 http://mobiledetect.net/

include 'Mobile_Detect.php'; 
$md = new Mobile_Detect(); 

if($md->isMobile()){ 
    echo '<span class="paginationMini">' . $paginationCtrlsMob . '</span>'; 
}else{ 
    echo '<span class="paginationFull">' . $paginationCtrls . '</span>'; 
} 

display:noneを使用して

例は関係なく、あなたが<span>タグ内にecho文を持っているかどうかに動作するはずです。 PHP変数が正しく閉じられていないタグを含んでいる場合、あなたのケースではうまくいかない理由についての唯一の説明です。

Answer 2

スパンタグ内に何があるのか​​違いはありません.HTMLがもう有効でないように、DOMを「破壊する」スパン内に何らかの種類のHTMLがあります。

それに加えて、あなたはCSSメディアクエリを利用する必要があります。

https://wiki.selfhtml.org/wiki/CSS/Media_Queries#device-width