问题标签 [device-width]

我正在使用媒体查询，用于网站的桌面版本。
我正在寻找的行为是：
- 全屏渲染
- 最小化视口时没有重新调整（隐藏右侧内容）

所以我定义了屏幕分辨率的范围，并在我的 .css 文件中尝试了这样的最小和最大设备宽度：

这在 chrome 和 firefox 上运行良好，但经过研究 device-width 似乎不符合 ie 9. (min-width workà

（我在我的 html 文件中添加了这个元标记：

没有效果）

有没有办法绕过这个？

我正在使用 bootstrap 3 制作响应式网站，当我调整浏览器大小时它可以工作。但是当我从手机（诺基亚 lumia 920 Internet Explorer）打开网站时，它根本没有响应。引导列不工作，断点不工作。我用谷歌搜索过，更改断点没有帮助。这是我的html

这是我的 CSS，我正在使用 SASS

请帮我！谢谢！

我在 iPhone 6 plus 上遇到了 box shadow 属性的显示问题。如果我添加 meta tag width=device-width，则根本不显示以下框阴影：

-webkit-box-shadow: 1px 1px 5px 5px #a8a8a8; box-shadow: 1px 1px 5px 5px #a8a8a8;

如果我不使用元标记，那么当您放大页面时，框阴影会“神奇地”消失。你可以在这里理解：

http://jsfiddle.net/b6aaq57z/3/

这似乎是特定的 iPhone 6 plus 错误。在运行相同 iOS 版本 (8.0.2) 的旧 iPhone 版本上，框阴影工作正常。

有没有人有解决方案？

这是我的元标记...

我将断点用作 max-320 然后 max-480，当我从 320 的设备宽度测试我的页面时，它工作正常，但是当测试具有 480 设备宽度的页面时，它仍然选择 320 宽度的样式表。为什么它选择错误的样式表请帮助..

这是我的代码中的问题还是只是模拟器表现得很奇怪？请帮忙！！

我正在创建小型网站，其中包含带有一些文本输入的表单。我正在使用这个元标记：

在移动设备上正确显示某些元素。我正在使用 Android Chrome 进行检查。

这会导致问题：我的表单边框（简单 div）和文本输入的边框变得很粗，但它设置为 1px。所以，这是没有元标记的形式：

这是带有元标记的表格：

所以，第一个问题是：

如何防止 1px 随着设备宽度元标记的增加而增加？

此外，正如我们所见，文本输入甚至按钮（这是 div，但不是提交输入！）的顶部和底部填充是不同的。它在第二张图像上更明显。我明白，这是由 Android 输入下划线引起的（至少对于文本输入而言）。当您开始输入单词时，它会带有下划线以进行自动更正或类似的事情。

在第一种情况下下划线宽度也是一个像素，所以差异还不错（但我也想修复它）。其次它也很厚，所以有很大的不同：

所以，逻辑问题是：

如何防止下划线宽度随着设备宽度元标记的增加而增加？

当然，我不明白。

为什么这种增加机制会影响简单的 div ？？？里面没有打字

这是 div 代码：

最后，您可以看到第二张和第三张图像之间的差异。当我开始打字时，按钮文本向中心移动了一点......

如果有人解释任何问题，那就太好了......

直到今天，我还以为device-width只能在平板电脑和其他移动设备上工作。（或者也许我错了很长时间......）

如果我将显示器分辨率设置为宽度 1024x768，则下面的媒体查询将起作用。

device-width由于可以在桌面浏览器中工作，我如何通过媒体查询定位平板电脑和移动设备？

我有一个 Nexus 5，当我访问http://ryanve.com/lab/dimensions/时，它告诉我我的宽度是 360。我知道我的手机分辨率和浏览器的宽度之间存在差异。

但是，当我编写一个在 767 下更改的函数时：

它在我的手机上不起作用。如果我在笔记本电脑上将浏览器窗口宽度调整为 <= 767，则该功能可以正常工作。当我在我的 Nexus 5 上查看它时，它没有。

谁能帮我写一个函数来使用浏览器宽度定位移动设备？

我必须根据设备定义不同的文本区域高度：

• 如果用户使用的是 iPhone 4，则 textarea 的高度必须为62px,
• 如果用户使用的是 iPhone 5，则 textarea 的高度必须为106px.

这是我当前的 CSS。它适用于 iPhone 5，但如果我在 iPhone 4上加载页面，它会使用为 iPhone 5定义的样式。

为什么在 iPhone 4中加载的页面不使用该62px值？

我有一个固定宽度为1024px并以桌面为中心的网站。在移动设备上，宽度应与手机或平板电脑的尺寸相匹配。

使用设备宽度时，像这样

我得到以下结果：

我使用width=1024.

...这真的很令人困惑，因为用户无法收集概览。我不知道为什么device-width将网站的视口设置为这个特定大小。我会期待否则。

我所期待的和我真正想要的是这样的：

问题：我如何告诉设备在屏幕上完全适合网站？

iPhone 6 的分辨率为1334x750px，但 CSS-width 为375px。

我想知道的是，如果我制作一个 750 像素宽的图像，但使用 CSS 或 HTML 将其宽度设置为 375 像素，它会比原生 375 像素图像看起来更清晰吗？