javascript - 网页响应问题,宽度不缩放

标签 javascript html css responsive-design

我刚刚完成我的网站编码。现在,另一个问题出现了。我开始研究平板电脑 (768px) 的响应能力,并从标题开始,但我不知道代码有什么问题。当我尝试修改时它来自 responsive.css 正如你在右侧的 Notepad++ 中看到的那样,它没有任何效果。宽度根本不会改变..

enter image description here

还尝试将 header 从绝对位置更改为静态位置或相对位置,但仍然没有结果。在 100% 的情况下,该网站看起来很棒,但缩小了……一团糟。有人可以帮忙吗?我不知道出了什么问题..

最佳答案

查看 http://codepen.io/panchroma/pen/kXmwaA

我改的CSS是

.rectangle{
    ...
    /*   left: 1110px; */
    right:10px;  /* new */  
    ...
}

.login{
   ...
   /*   left: 1138px; */
   right:10px;  /*new */  
   ...
}  

希望这对您有所帮助!

关于javascript - 网页响应问题,宽度不缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39036683/

相关文章:

javascript - 在 if 条件下调用异步 JS 函数

html - CSS 在带有页脚的页面上的菜单中滑动?

jquery - 如何将 float 标签应用于 select2 下拉列表?

css - 如何在页面顶部放置图像按钮

html - CSS 我在哪里更改标签的文本颜色

html - 如何使fullpage.js 适合固定导航的页面?

javascript - 使用点符号变量访问多维对象

Javascript 返回语句错误

javascript - 如何将数字转换为特殊格式

html - 批处理 - 找到匹配字符串时拆分 html 文件