HTML5+Bootstrap 学習メモ 2_html/css_WEB-ITnose-htmlチュートリアル-php.cn

navbar の Bootstrap 2 から Bootstrap 3 へのアップグレード

1 は Bootstrap 3 から削除されました。

2. は になります。

参考資料 :

CSS 表示:テーブル属性の使用分析 http://developer.51cto.com/art/201009/226678.htm

Twitter Bootstrap 3 - Navbar が水平ではない http://stackoverflow.com/ の質問/18191177/twitter-bootstrap-3-navbar-not-horizontal

ブートストラップ ナビゲーションバー http://getbootstrap.com/components/#navbar

ビューポート

モバイル ブラウザはページを仮想「ウィンドウ」に配置します (ビューポート)、通常、この仮想「ウィンドウ」(ビューポート) は画面より広いため、各 Web ページを小さなウィンドウに押し込む必要はありません (これにより、モバイル ブラウザー用に最適化されていない Web ページのレイアウトが破壊されます)。を使用すると、ユーザーはパンやズームを行って Web ページのさまざまな部分を表示できます。 Safari ブラウザのモバイル バージョンでは、最近ビューポート メタ タグが導入されました。これにより、Web 開発者はビューポートのサイズとズームを制御できるようになります。他のモバイル ブラウザも基本的にこれをサポートしています。

モバイル Web ページ用に最適化されたページで一般的に使用されるビューポート メタ タグは、おおよそ次のとおりです:

1 ログイン後にコピー

width: ビューポートのサイズを制御します。値 (600 の場合) または特別な値を指定できます。たとえば、device-width はデバイスの幅です (100% に拡大縮小したときの CSS ピクセル単位)。 高さ: 幅に対応し、高さを指定します。 initial-scale: 初期スケーリング比。ページが初めてロードされたときのスケーリング比です。 maximum-scale: ユーザーがズームできる最大スケール。 minimum-scale: ユーザーがズームできる最小スケール。 ユーザースケーラブル: ユーザーが手動でズームできるかどうか

参考資料 :

HTML メタ ビューポート属性の説明

モバイル フロントエンド開発におけるビューポートの深い理解

ビューポートとデバイス幅についての理解 http:// www.xiaocaoge.com/ Understanding-viewport-and-device-width.html?utm_source=tuicool

Twitter Bootstrap: レスポンシブ CSS がモバイル デバイスで機能しない (Bootstrap モバイル端末が応答しない問題を解決) http://julienrenaux .fr/2013/03 /01/twitter-bootstrap-sensitive-does-not-work-on-mobile-devices/