Question

我即将创建我的网站的移动版本，我习惯只编程到电脑，我所知道的是，我需要记住，具有不同尺寸屏幕的设备将显示网站，因此我需要使网站可伸缩等等，

我一直想知道的是，我对图像做了什么？我是一个非常关心图像质量的人，在我的网站上，我讨厌像素化的东西，

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

另外，我想知道我应该为网站使用哪种doctype，什么可以帮助我防止人们缩小并使屏幕伸展，我曾经知道这个css代码做到了这一点，

我也很想听到一些关于创建这样一个网站的技巧，这些网站已经有了你的经验，

非常感谢

Answer 1

至于doctype，您可以使用两个<!DOCTYPE>，如下所示

<!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。

对于我使用的大多数图像，我将以30％的质量和我对网站所需的尺寸在Photoshop中导出。使用设置的视口，您真的不必担心大小。

或者您可以使用CSS3媒体屏幕大小来格式化您的CSS（也可以为纵向和横向格式化）

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

Answer 2

您需要使用jQuery mobile之类的移动框架。它将使所有这些问题更容易解决。要专门显示图像，您可能需要使用photoswipe

等插件

即将为移动设备创建一个网站，不确定一些事情

2 个答案: