问题标签 [mobile-devices]

我正在尝试将我的网页优化为 720*1200 移动设备： 我的页面

它适用于 320*480 和 480*800 设备，但不适用于 720*1200。页面加载放大，就像布局视口是 720*1030 但视觉视口是 360*515。

我已经设置了视口标签，但它没有任何效果。

谢谢你的帮助！

前言：

我正在使用一个有点响应的主题（骨架）。它将布局更改为小屏幕尺寸的单列，

我的问题是：

调整屏幕大小时，我的标题图像（我使用管理面板中的主题选项插入）没有缩放。它始终保持在 940x150。在移动设备上查看时，这会导致一个完整大小的标题，其内容在左侧的单列中，所以我留下了各种空白。

我想：使图像随着屏幕宽度缩小

或者

将标题图像替换为适合较小屏幕尺寸的图像。

选项 2 的问题不是所有设备都具有相同的屏幕宽度，因此它仍然需要可缩放到一个点。

理想情况下：

当高于以下规定的宽度时，图像将缩放以适应 700 左右（ipad 横向）和 940 标准之间的屏幕。

当低于某个屏幕宽度（比如低于平板电脑/ipad 尺寸，因此最大宽度为 700 左右）时，图像被交换为较小的，然后在 300 到 700 左右之间放大或缩小（刚好低于 ipad 尺寸）。

通过这种方式，图像对于网站的渲染来说总是合适的尺寸。

这个特定图像的问题是中间的空白（空白空间）量。在一定宽度以下，我认为图像的元素会变得不自然，而且它们之间的空间很大。

网站：

porthuronairportshuttle.com

我有一个 Ektron 站点，它使用 WURFL（最新版本，2.3.2）来检测设备。使用 IE9 浏览网站时，会向用户显示该网站的移动版本。

用户代理是-

当我在WURFL 主页上输入此 UA 时，它显示为通用网络浏览器。

但是，当使用 Asp.NET WURFL 库时，它会被检测为移动设备。

以下代码-

输出-

为什么会这样？

我需要按街道名称获取经度和纬度。我看到Geocoder可以完成这项工作。文档告诉我们“Geocoder 类需要一个不包含在核心 android 框架中的后端服务”。这意味着我不能确定 Geocoder 是否在 Android 设备中实现。

我的问题是，地理编码器的实施有多广泛。如果只有很少的设备没有 Geocoder，我可以忍受，但如果有很多设备，我必须重新考虑我的应用程序的这个功能。

---

我正在尝试在我的网站上启用捏缩放。我试图通过像这样设置元视口来启用缩放，但没有任何成功。

任何想法为什么我的网站在 ipad 和 iphone 上仍然无法缩放？

我正在尝试使用 java 小程序访问在 Windows 7中显示为便携式设备的设备中的某些文件（其中包含“Windows CE”应用程序）。

我的设备路径就像

��在我正在尝试使用相同的地址从中访问文件，但它给出了路径错误或找不到文件。

同样我用

��它导致了同样的错误告诉我如何使用 java applet 访问便携式设备

当我导航到连接的设备并右键单击文件并查看它的属性时，它显示它的位置为

此外，当我打开此文件时，它会自动放入我计算机的临时文件中。我也在使用签名小程序，所以没有文件访问被拒绝的问题

我也用过

��它也没有列出附加的便携式设备我必须使用 java applet 在便携式设备中写入一些文件

我一直在尝试制作这个小型桌面 java 应用程序，以将一些预定义的文件从 android 平板电脑/智能手机备份到我的计算机。

到目前为止，我一直主要使用 File.getRoots() 函数来轻松访问每个驱动器。我在两部安卓手机上成功测试了这个，但是当我在 Galaxy Note 上尝试时问题就来了。与前两个不同。此设备不被视为“可移动媒体”，而是被视为“移动设备”。因此，我无法使用我目前的方法达到它，它只是没有“列出”。

我还查看了是否有办法通过 cmd 访问这些移动设备，希望能有所帮助，但没有发现任何有用的东西。

我的目标是通过plug > run-application > unplug 进行备份。

所以，就是这样，我被卡住了！有什么线索吗？

先谢谢了

在为站点编写级联样式时，我们可以使用媒体查询为小型设备指定

例如@media only screen and (min-width: 480px) and (max-width: 767px) {}

这可以在特定页面级别（例如 .html）、样式表链接或 .css 本身中输入。

提供完全独立的样式表，加载主样式表并被“仅限移动”版本覆盖，还是在样式表本身内覆盖选择器，这是更好的做法吗？（大概布局样式将是互斥的）

您是否还应该首先尝试将较小的设备排除在读取不适用的样式之外，以避免不必要的工作？

最后，开发人员是否应该通过专注于不太可能与较小设备不兼容的响应式样式来完全避免这些问题？

我创建了一个小型画布游戏，我希望它可以在 PC 和移动设备上运行。

在 PC 上，画布区域按预期工作，但在为移动设备设计时出现问题。

有没有办法（CSS 或 javascript）使网站内的画布区域在用户双击时变为全屏？除非画布足够大以适合整个屏幕，否则您无法玩游戏，但我发现很难缩放以使画布在移动设备上完全全屏。

换句话说，我想要一个 CSS 或 javascript/jQuery 解决方案来全屏（将设备上的缩放设置为完全适合画布区域）移动设备上的画布区域。

例子

例如，尝试在 iPhone 上双击。iPhone 的 Safari 上的默认操作是缩放 ~ 与画布一样多，但它仍然不能完美地适合画布。现在我们应该忽略纵横比，但是如果画布的纵横比与设备的屏幕不同，那么在顶部和底部添加一些空白黑条的答案会很好：D

或者，换一种说法：当用户双击时，我希望屏幕“锁定”画布，禁用平移或缩放，直到用户再次双击。

我如何知道是通过计算机还是通过手机设备（iPhone、Android 等）浏览网站（内置 HTML5）？

我知道有用户代理之类的东西，但我想知道他的具体代码行..

当我在电脑上显示什么，当我在手机上显示什么？

谢谢