首页 > 解决方案 > 如何使窗口大小调整不进行任何更改

问题描述

我有一个问题:如何进行响应式设计,当我调整窗口大小时,设计根本不会改变(宽度、高度、位置),只有窗口覆盖设计/内容。

例如这个网站:https ://www.zap.co.il/

如果所有元素都是视口并且几乎每个元素都绝对定位到 body 标签,我怎么能点它?对于视口,我可以使用 SVG - 它解决了它,但是位置?

我希望一切都保持不变,谢谢你的帮助

标签: cssresponsive-design

解决方案


这应该使您的页面基本上响应

然后用于调整不同宽度的组件

`<meta charset="utf-8">` html code


 @media screen and (min-width:800px){
       //css code for screen widths above 800pixels
        }

CSS代码


推荐阅读