jquery - 如何使网站在移动设备上显示为完整站点？

Question

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

到目前为止，我能够让网站出现在移动设备上，但用户必须上下滑动页面才能看到页面上的所有内容。

我使用缩放（但是，这只允许缩放。）

score 1 · Accepted Answer

不确定您的意思，通常，jQuery Mobile 页面应该在 HTML 头部部分包含这一行，

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

你是这个意思吗？

score 0 · Accepted Answer

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

但是，如果您的网站从一开始就没有设计为响应式，这可能会很棘手。

2 回答 2