Mobile 使用Viewport创建移动友好版本
我在一个网站上工作，但我也想要一个手机友好的版本。我是个新手 有人建议我使用以下代码，我在这里找不到很多相关问题：Mobile 使用Viewport创建移动友好版本,mobile,mobile-website,viewport,mobile-webkit,Mobile,Mobile Website,Viewport,Mobile Webkit,我在一个网站上工作，但我也想要一个手机友好的版本。我是个新手 有人建议我使用以下代码，我在这里找不到很多相关问题： <meta name="viewport" content="width=320, initial-scale=1"> 问题是我不知道如何实现它，我知道这不能简单地转换整个页面 我要求的是一些关于如何达到目标的建议。关于viewport的帖子很少。你只需把它放在你的头标签之间。 也许会给你更好的主意。 不要忘记将mobile doctype与viewport一起使
<meta name="viewport" content="width=320, initial-scale=1">
我要求的是一些关于如何达到目标的建议。关于viewport的帖子很少。你只需把它放在你的头标签之间。 也许会给你更好的主意。 不要忘记将mobile doctype与viewport一起使用 比如说
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=2.0, width=device-width" />
</head>
<body>
</body>
</html>
请注意，链接到的元素融合教程在视口值之间使用分号分隔符，而不是逗号-这是不正确的。请务必使用逗号，如您最初的示例中所示：-）我正在使用IWeb2011及其所有过时的配置，当然，其相对宽度为700px 我发现这适用于所有设备，而无需更改任何内容：
<meta name="viewport content="width=700=content=width-device-width, initial-scale=1.0" />
谢谢你的帮助，我在这里找到了一个很好的教程，很有帮助。应该删除我的问题！没有充分的理由将移动doctype与viewport一起使用。你应该善于使用你是怎么想到的@andreasbovens？移动doctype是移动网站的推荐doctype。如果您为mobile safari设计，尽管它不是W3C标准，但是没有必要限制可以使用的HTML的数量，并且必须将其作为application/vnd.wap.xhtml+xml，如果xml格式不正确，它将触发严厉的错误处理。因此，这项工作做得很完美，可以跨移动浏览器（Opera、Safari、Firefox、Android等）工作