如何让网站在移动设备上显示为完整网站?

时间:2012-05-18 16:03:19

标签: jquery html css html5 jquery-mobile

如何让我的网站在移动设备上显示为完整网站。我在桌面网站上使用jquery-mobile,并希望将网页显示为移动设备上的普通桌面网站页面。用户可以放大和缩小的位置。

到目前为止,我可以在移动设备上显示网站,但用户必须上下滑动页面才能看到网页上的所有内容。

要缩放我使用(但是,这只允许缩放。)

2 个答案:

答案 0 :(得分:1)

不确定你的意思,通常,jQuery Mobile页面应该在HTML head部分中包含这一行,

<meta name="viewport" content="width=device-width, initial-scale=1">

它会要求移动浏览器显示jQuery Mobile页面作为正常缩放比例,例如,

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    ......
</head>

你的意思是?

答案 1 :(得分:0)

在我看来,在移动设备上正确显示桌面网站的最佳方法是使用媒体查询。

http://www.w3.org/TR/css3-mediaqueries/

但是,如果您的网站不是设计为从响应开始响应,这可能是棘手的。