スマホ関連の海外ニュースです。
すでに指摘している Atelierbram、としては、白-スペース: nowrap;派手な h1 と h2 タイトル中に座っていることに継承されることは順番 #header 要素に対して宣言されています。この特定の宣言は、fluid.css ファイルの上の方はあなたのタイトルが小さな画面に折り返されます少なくとも場合は、そのラインを取るので。タイトルにする宣言がぎこちなく、ラップ追加の高さがあることに注意してくださいが、そのフォント サイズと一緒にそれらを取り組むことができます. フォント サイズの次へ-(と一緒にそれらの胡散臭いタイトル ハイツ) web ページの先頭で内部的に宣言されています。まず、下部「モバイル レイアウト ‘ ブロックがタブレット レイアウト ブロック上に fluid.css ファイルにこれらのすべての内部 CSS 宣言を移動してください。多分行います h1 と h2 タイトル少し小さいフォント サイズの値 (46 ピクセル/36 px) を減らすことによって。また高さ宣言を削除し、代わりに行の高さに切り替えます。H1 と h2 を再宣言できます小さな画面用にセットアップのタイトルを fluid.css スタイル シートの最初の取得にする場合、’モバイル初の’ を作業している大画面を再度大きく ‘タブレット レイアウト’ ブロックの後半でのフォント サイズ。 今、使わない Dreamweaver 自分自身どのようにスタイル シートを分解または何それはデフォルトのレイアウトとしてあなたを与えることを確認してないので、CSS を 1 つのファイルにマージすることができます。Aterlierbram 既に述べたように、HTTP を減らしとして読み込み時間を要求 (すなわちスタイル シート、画像、JavaScript ファイルなどへのリンクなど) を助けるし、これを達成する簡単な方法の 1 つは、単一のスタイル シートに複数の CSS ファイルをつぶしします。
続きを読む…
Typography not condensing enough for Iphone
As Atelierbram already noted, there is white-space:nowrap; declared against the #header element, which is in turn being inherited by the fancy h1 and h2 titles that are sat inside of it. This particular declaration is towards the top of the fluid.css file, so if you take that line out, your titles will at least wrap on small screens. Note that there are additional height declarations that will make the titles wrap awkwardly, but you can tackle them along with their font-size… Font-size next – that is declared internally in the head of the web page (along with those hinky title heights).
Read more…
