Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 放大后两个div标记重叠的数据,如何停止_Html_Css - Fatal编程技术网

Html 放大后两个div标记重叠的数据,如何停止

Html 放大后两个div标记重叠的数据,如何停止,html,css,Html,Css,放大前的网页 放大后的网页 当我放大我的网页时,两个侧栏菜单div重叠,我如何停止重叠。请帮助 请参见左下角页脚div和左侧菜单栏。放大/缩小后这两个重叠会改变分辨率,因此,如果您的网站没有响应,您应该首先停止放大/缩小 如果上述情况并非如此,并且您希望解决该问题,并且由于该问题没有使用任何响应式UI框架(如bootstrap)进行标记,假设您只使用html+css,那么您可以选择 使用媒体查询CSS,您可以针对不同的屏幕分辨率处理任何特定部分的CSS,以下是一个示例: 假设浏览器窗口为60

放大前的网页

放大后的网页

当我放大我的网页时,两个侧栏菜单div重叠,我如何停止重叠。请帮助


请参见左下角页脚div和左侧菜单栏。放大/缩小后这两个重叠会改变分辨率,因此,如果您的网站没有响应,您应该首先停止放大/缩小

如果上述情况并非如此,并且您希望解决该问题,并且由于该问题没有使用任何响应式UI框架(如bootstrap)进行标记,假设您只使用html+css,那么您可以选择

使用媒体查询CSS,您可以针对不同的屏幕分辨率处理任何特定部分的CSS,以下是一个示例:

假设浏览器窗口为600px或更小,您希望将背景颜色更改为浅蓝色,则可以使用以下媒体查询CSS:

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

请使用堆栈片段创建一个堆栈,否则您的问题将脱离主题,我们无法帮助您停止放大/缩小。使用CSS@media queries来控制不同视口中的视图谢谢,先生,但是这个解决方案不起作用请建议另一个解决方案,这只是一个示例,您必须编写自己的CSS来修复不同分辨率的重叠。您是否使用了bootstrap或其他任何前端UI框架?