HTML&CSS

HTML&CSS

レイアウト例2

タブ型レイアウトの例です。 jQueryの設定がポイントです。
HTML&CSS

レイアウト例1

ポートフォリオ用レイアウトの参考にどうぞ
HTML&CSS

jQuery Mobileの使い方

準備 jQuery Mobileのページに行って必要なライブラリをダウンロードまたはリンクします。 リファレンス参考 data-role transition テーマ作成 作成 sample.html ...
HTML&CSS

Modernizrについて

Modernizrは、ブラウザーで使用可能な機能をCSSやJavaScriptを用いて確認できる便利なライブラリです。ユーザーが使用しているブラウザでHTML5の機能やCSS3を正しく使用できるか判定したclass名を付けてくれます。 ...
HTML&CSS

widthをパーセント指定する場合の小数点〜CSS

widthの小数点の対応の仕方はブラウザによって変わります。 Safariは切り捨てが行われているようです。FirefoxとChromeは全体におさまるように自動調整されているようです。 色々調べても見解がバラバラです。 仕方ないので自分で値を計算する仕組みを作成しました。
HTML&CSS

ページの拡大率の指定〜スマホサイト

initial-scaleを指定するとdensityがコントロールされてビューポートが設定されてしまいます。initial-scaleの使用方法を解説します。
HTML&CSS

高解像度デバイスの画像表示〜Retina対応

高解像度デバイスの画像表示の問題を解決する方法は簡単です。通常の画像サイズのものの2倍の大きさで画像を用意することです。
HTML&CSS

densityについて(device pixel radtio)

解像度163dpiのものをdensity=1とした基準を作りました。density=1のデバイスと同じ大きさになるように調整されます。
HTML&CSS

Google Chromeの最小フォントサイズ

Google Chromeでは最小フォントサイズが10pxに設定されています。
HTML&CSS

ビューポートとは 〜HTML

スマートフォンのブラウザではViewportという仮想ウインドウサイズが設定されています。 スマートフォンの画面は本来の解像度で表示するのではなく、仮想の解像度で表示を行います。 もっと平たく言うと、表示画面を指定したサイズ(解像度)が見れるように拡大縮小して表示するということです。 View portではその表示サイズを指定することができます。
スポンサーリンク
タイトルとURLをコピーしました