モバイルまたはデスクトップ上で異なるナビゲーションバースタイル

ナビゲーションバーをビューポートに従って変更する方法はありますか？あなたのビューポートを使用すると、デスクトップのサイズとより多くのために構築された第1のナビゲーションバーつもりショーだ1024×768ですが、あなたのビューポートがその解像度よりも低い場合には、「モバイルフレンドリーを表示する例えばモバイルまたはデスクトップ上で異なるナビゲーションバースタイル

、 'ナビゲーションバー。

出典

2017-02-19 Axis

はCSSメディアクエリを見上げます。 –

ここをクリック：http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile –

あなたはメディアクエリを使用することができます。

CSSで：

@media (min-width:768px) and (min-height:1024px) { 
/*Desktop css*/ 
} 
@media (max-width:768px) and (max-height:1024px) { 
/*Mobile css*/ 
}

または外部スタイルシートと：

<link rel="stylesheet" media="(min-width:768px) and (min-height:1024px)" href="desktop.css"> 
<link rel="stylesheet" media="(max-width:768px) and (max-height:1024px)" href="mobile.css">

出典

2017-02-19 06:58:36 IiroP

モバイルまたはデスクトップ上で異なるナビゲーションバースタイル

答えて

関連する問題