网页设置通栏后，缩小页面有一部分不显示

今天在写一个小练习的时候发现，设置通栏背景width:100% 网页缩小之后，有一部分不显示.....

甚是头疼啊，查阅了相关资料才知道，设置的width：100%，是相当于当前文档流而言的，也就是浏览器窗口的大小。

假设，你的网页主体宽度是1000px，而你将网页缩小到800px之后，那么通栏的宽度就是当前浏览器窗口的宽度800px，所以就hui有200px的宽度不显示

解决办法：

通栏的div设置min-width ：1000px就可以了（不能小于网页主体宽度）

这样就解决问题了！！！！

网页设置通栏后，缩小页面有一部分不显示相关推荐

C#实现网页加载后将页面截取成长图片 | Playwright版
前言如何将网页生成预览图? 要实现这个功能,可以用WebBrowser组件模拟浏览器,或者使用系统浏览器访问网页,再进行截图操作. 但是,这样需要编写大量的控制代码. 工欲善其事,必先利其器! 利用 ...
c# 实现网页加载后将页面截取为长图片
背景最近再做一个需求,需要对网页生成预览图,如下图但是网页千千万,总不能一个个打开,截图吧:于是想着能不能使用代码来实现网页的截图.其实要实现c#教程这个功能,无非就是要么实现一个仿真浏览器,要么 ...
LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）
LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) 参考文章: (1)LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) (2)https://www.cn ...
CSS问题：导航栏设置通栏后，放大页面背景显示不全
问题描述: 正常显示时:将网页放大到150%后: 解决办法: 当导航栏设置为width:100%或不给宽,是相当于当前文档流而言的,也就是浏览器窗口的大小. 此时假设浏览器窗口大小为1000px,那么 ...
C#实现网页加载后将页面截取成长图片
背景最近再做一个需求,需要对网页生成预览图,如下图但是网页千千万,总不能一个个打开,截图吧:于是想着能不能使用代码来实现网页的截图.其实要实现这个功能,无非就是要么实现一个仿真浏览器,要么调用系统 ...
uniapp设置tabBar后，页面底部有留白。
manifest.json>app启动页配置>等待首页渲染完毕后再关闭Splash图,打勾解决. 应该是uniapp启动时候渲染页面的bug.
阻止网页操作完成后的页面自动跳转
$(window).on('beforeunload', () => { console.log('leave'); return false; }); 浏览器中按F12控制台输入上面一段代码 ...
layui删除后刷新表格_LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）...
[HDOJ5952]Counting Cliques(DFS,剪枝) 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5952 题意:求图中规模为s的团的 ...
table里面的th、td设置宽度后文字还是超出，无法显示省略号
给td添加宽度后,发现文字还是超出范围,会根据内容宽度把table撑开,在table 标签添加样式 table-layout: fixed(很关键); 必须设置width的值 :<table s ...

网页设置通栏后，缩小页面有一部分不显示

网页设置通栏后，缩小页面有一部分不显示相关推荐

最新文章

热门文章