html - 调整浏览器大小不会显示响应式设计

标签 html css responsive-design

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

我正在开发一个具有响应式设计的网站,其所有值都在外部样式表中。在移动设备上它运行完美,但调整浏览器大小没有任何作用,我完全被难住了。

http://appearly.co.nf/

最佳答案

您可以通过将媒体查询更改为:

@media only screen and (max-width: 980px) { }

//编辑

如果此评论让您感到困惑,请替换您的 responsive_stylesheet.css 文件中的第一行。

目前,您有 @media (max-device-width: 980px) { 将其替换为 @media only screen and (max-width: 980px) {

关于html - 调整浏览器大小不会显示响应式设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20917665/

上一篇:html - 将网页放在所有屏幕尺寸的中心

下一篇:css - 通过 <object> 包含的 HTML/CSS 未正确显示

相关文章:

php - 需要从mysql更新数据

javascript - 使用 JavaScript 禁用水平滚动

javascript - 使用 jQuery 或 Javascript 将工具提示功能添加到 select2 下拉列表中?

html - 从中间列中删除边距时,div 的右边缘不对齐

jquery - 当视口(viewport)很窄时,强制面包屑元素不会中断到另一行

javascript - 在 JQuery Mobile 中使可折叠集的功能响应式

javascript - 选中复选框时从行获取值

html - p 在 img 之后。但为什么 margin-left 不起作用?

css - Scss,第 n 个 child & :not() selector

html - 图像在平板电脑 View 上截断/消失