HTML5+Bootstrap 学習メモ 2_html/css_WEB-ITnose

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-horizo​​ntal
ブートストラップ ナビゲーションバー http://getbootstrap.com/components/#navbar

ビューポート

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

1 <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=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/