我的@media查询无法在移动设备上运行
如果浏览器的宽度小于五张图片（包括边距等），我试图允许每行容纳五张图片的容器更改其宽度大小。
我添加了以下媒体查询，当在台式计算机上浏览（将浏览器的大小调整为小于1080px的宽度）时，它们都可以很好地工作…容器将更改宽度，并且内容将居中。
但是，在移动设备（iPhone 4和S4）上浏览时，此功能不起作用。有什么想法吗？
的CSS
.main-width {
margin: 20px auto;
max-width: 1080px;
min-width: 960px;
}
@media screen and (max-width: 1080px) {
.main-width {
max-width: 870px !important;
min-width: 870px !important;
}
}
问题答案：
这可能是因为您没有设置视口。
将以下元标记放置在<head>文档的元素中。
<meta name="viewport" content="width=device-width, initial-scale=1">
-
问题内容： 好的，我想做的是当用户单击列表项时将div向下滑动。 Selectric)，它将选择框转换为无序列表。因此，当用户单击源输出为列表项的a时，我希望div向下滑动。 在移动浏览器（iOS7）上，选择框UI与标准选择框UI相同。 关于移动设备onClick的最佳做法是什么？ 基本的jQuery： 谢谢。 问题答案： 最好将事件与jQuery方法结合使用： 而且我不明白为什么要使用方法，因为
-
我有一个图像，我正在尝试缩放，因为屏幕大小减少。在桌面上，1336x625分辨率的图像可以正常工作，但一旦屏幕缩小到500x625时，图像就不能适当缩放，边缘也会被削减。我试着把最大宽度和位置。但还是没用。我需要改变什么才能让它工作。 Css代码 Html代码：
-
问题内容： 对于我的问题，我有一个链接。我想通过在fancybox叠加窗口中单击链接来播放视频。这不是问题。问题是参数，例如“自动播放”或“自动隐藏”。 以下链接无效： 覆盖窗口已打开，但视频未自动播放。 编辑：我想在移动设备上使用HTML5播放器。 在桌面浏览器上，它可以使用参数，但不能在移动设备上使用。 问题答案： 事实证明，无法在iOS设备（iPhone，iPad，iPod touch）和A
-
到我的数据库的连接正在工作（我可以浏览记录）但是当我想在我的数据库上使用openadmin工具的SQL编辑器执行查询时，我得到以下错误： 错误：-272[Informix][Informix ODBC驱动程序][Informix]没有syssqltrace的选择权限。（SQLPrepare[-272]位于ext\pdo\u informix\informix\u驱动程序。c:131） 查询：从sy
-
问题内容： 我想知道是否可以在移动设备（android / iphone / ios）上运行Elasticsearch服务器，如果可以，我应该如何去做。 就我而言，这样做的原因是在设备上拥有一个易于搜索的离线数据库（具有所有elasticsearch高级功能） （可选）我可能还会使用Elasticsearch的集群/复制功能来使设备上的脱机数据与服务器同步。 问题答案： 好吧，也许（至少在Andr
-
NanoPC T3，有一些信息： 我做过： > 下载jdk-8u144-linux-arm32-vfp-hflt.tar.gz 下载JavaFX Embedded SDK 根据javafxports复制文件 编写示例应用程序和包，在我的NanoPC T3上运行： null