0

我即将创建我的网站的移动版本，我习惯于仅对计算机进行编程，我所知道的是我需要记住具有不同屏幕尺寸的设备将显示网站，因此我需要使网站可伸缩等等，

我一直想知道的是，我如何处理图像？我是一个非常关心我网站中图像质量的人，我讨厌像素化的东西，

让我困惑的是视网膜屏幕的整个想法，我为 iPhone 开发了一些应用程序，我必须为视网膜创建两倍大小的图像，但我需要为我的移动网站创建大图像吗？好？我有一种强烈的感觉，我不知道，但我想我会问，

另外，我想知道我应该为网站使用什么文档类型，以及什么可以帮助我防止人们能够缩小屏幕并使屏幕拉伸，我曾经知道这个 css 代码可以做到这一点，

我也很想听听那些已经有经验的人提供一些关于创建这样一个网站的提示，

非常感谢你

4

2 回答 2

3

至于 doctype 你可以使用两个<!DOCTYPE>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">

要阻止它拉伸，您还可以使用设置视口，我在许多移动网站中都使用过（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 回答