css - 如何使窗口大小调整不进行任何更改
问题描述
我有一个问题:如何进行响应式设计,当我调整窗口大小时,设计根本不会改变(宽度、高度、位置),只有窗口覆盖设计/内容。
例如这个网站:https ://www.zap.co.il/
如果所有元素都是视口并且几乎每个元素都绝对定位到 body 标签,我怎么能点它?对于视口,我可以使用 SVG - 它解决了它,但是位置?
我希望一切都保持不变,谢谢你的帮助
解决方案
这应该使您的页面基本上响应
然后用于调整不同宽度的组件
`<meta charset="utf-8">` html code
@media screen and (min-width:800px){
//css code for screen widths above 800pixels
}
CSS代码
推荐阅读
- docker - docker-compose build 报错构建路径Testdriven.io教程
- ios - 如何通过触摸 UIView 转到视图控制器?
- laravel - Laravel 中的登录表单给出错误 419 Page Expired
- c# - 使用 .NET Core 直接从 C# 调用 C++(主机)方法
- c - 条件下的数字模式
- c++ - 无法访问向量的成员函数
- google-api - 如何以编程方式访问新的 Google 网站内容?
- javascript - 如何在 React 和 redux 中将对象添加到数组中
- rxjs - 在不使用闭包的情况下发出依赖 HTTP 请求时通过管道传递多个值
- c# - 如何使用 LineRenderer 根据对象周围的半径大小绘制圆?