需用电脑访问，手机看不到效果，请问这种背景黑框固定的效果如何实现的？不管右侧浏览器滚动条如何滚动，黑色背景边框都不变，我研究了半天没想明白，是css还是js？请大神指导！
回复讨论(解决方案)
通过CSS实现的，手机看不到效果的原因是响应式页面
原理如下：
设置body的背景色为#1a1a1a 深灰，这样左右的黑框就有了
然后通过伪类选择器:before & :after实现上下的黑框，定位设置为fixed相对浏览器窗口定位，设置一定的高度，这样上下的黑框也有了
你试试下面简化的样式就明白了
无标题文档 body:before { background: inherit; content: ""; display: block; height: 21px; left: 0; top:0; position: fixed; width: 100%; z-index: 99;}body:after { background: inherit; content: ""; display: block; height: 21px; left: 0; bottom:0; position: fixed; width: 100%; z-index: 99;}body { background:#1a1a1a;}#div1 { margin:21px; background:#fff; max-width:1320px;}
我是内容我是内容
查看更多关于请问这种背景黑框固定的效果如何实现的？是css还是js_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did111640