jQuery mobile (phonegap) 内容宽度太窄

发布于 2024-12-26 21:06:00 字数 441 浏览 1 评论 0原文

我正在以最简单的形式使用 jQuery mobile。 刚刚添加了一个带有页眉内容和页脚的页面 在内容中,我添加了许多测试来获取滚动条

div 似乎与“测试”一词一样宽,因此滚动条仅适用于屏幕宽度的一小部分。 当我尝试滚动到“测试”一词之外时,整个页面都在移动,而没有实际滚动内容区域。

我已将以下元标记添加到头部:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no;" />

它没有执行任何操作。

有什么想法吗?

在此处输入图像描述

I am using jQuery mobile in its simplest form.
Just added a page with a header content and footer
in the content I've added many test to get a scroller

The divs seem to be as wide as the word 'test', therfore the scroller only applys to a very small portion of the width of the screen.
When I try to scroll outside of the word 'test' the whole page is moving, without actually scrolling the content area.

I've added the following meta ta g to the head section:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no;" />

it didn't do anything.

Any ideas?

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦行七里 2025-01-02 21:06:00

尝试放置:

<div data-role="content" data-theme="c" style="width: 100%">

Try putting:

<div data-role="content" data-theme="c" style="width: 100%">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文