0

私は自分のウェブサイトのモバイル版を作成しようとしています.私はコンピュータだけにプログラムすることに慣れています.私が知っていることは、異なるサイズの画面を持つデバイスがウェブサイトを表示することを覚えておく必要があるということです.ウェブサイトを伸縮可能にする必要があります

私が疑問に思っていたのは、画像をどうするかということでした。私は自分のウェブサイトの画像の品質などを気にする人で、ピクセル化されたものは嫌いです。

私を混乱させたのは、Retina スクリーンの全体的なアイデアでした。iPhone 用のアプリをいくつか開発しました。Retina 用に 2 倍のサイズの画像を作成する必要がありましたが、モバイル Web サイト用に大きな画像を作成する必要があるのでしょうか。良い？ない感じが強いのですが、聞いてみようと思ったのですが、

また、ウェブサイトに使用する doctype と、人々がズームアウトして画面を引き延ばすのを防ぐのに役立つものを知りたかったのですが、これを行う css コードを以前は知っていました。

また、そのようなウェブサイトを作成するためのヒントを、既に経験されている方からお聞きしたいと思います。

どうもありがとうございました

4

2 に答える 2

3

<!DOCTYPE>doctypeに関しては、次のように 2 つの s を使用できます。

<!DOCTYPE html>
<html lang="en">

----OR----

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

ストレッチを止めるには、セットビューポートを使用することもできます。これは、多くのモバイル Web サイトで使用されています (通常、iOS では 320 の倍数)。

<meta name="viewport" content="width=640" />

しかし最終的には、 jQuery Mobile Frameworkも検討する必要があります。

私が使用しているほとんどの画像は、Photoshop で 30% の品質とサイトに必要なサイズでエクスポートします。セット ビューポートを使用すると、サイズを気にする必要がありません。

または、メディアの画面サイズを使用CSS3して css をフォーマットすることもできます (縦向きと横向きにもフォーマットできます)。

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
于 2012-08-19T13:30:39.580 に答える
1

jQuery mobileのようなモバイル フレームワークを使用することをお勧めします。これらすべての問題を解決するのがはるかに簡単になります。画像を具体的に表示するには、photoswipe などのプラグインを使用することをお勧めします。

于 2012-08-19T13:26:57.807 に答える