满意答案

k414575877

2017.01.15

采纳率:56%    等级:9

已帮助:264人

HTML:

  • 首页
  • 我的主页
  • 他的主页
  • 你的主页

CSS:

ul{ list-style:none; padding:0; margin:0}

body{ padding:0; border:0; margin:0}

.nav{ width:100%; height:50px; background:#F00}

.nav_con{ width:1200px; height:50px; margin:auto}

.nav_con ul li{ float:left; padding:0 15px; text-align:center; height:50px; line-height:50px; color:#FFF; background:#960; margin-right:1px}追问: 将你的这个代码,放到网页上测试了下,当页面放大到135%时右侧开始出现空白区域,继续放大,空白区域越大,我的浏览器是360安全浏览器,和我的代码存在相同问题啊!有没有解决办法?

追答:大哥,因为你规定了你中间div的宽度为1200啊,当你的浏览器宽度放大超过1200px的时候,外围的div显示还是当前宽度的100%,而里面固定宽的就不是了,它是根据浏览器放大而放大的,当超过1200的时候,它占据的宽度就会超过浏览器,所以你才会看到有空白,除非你给里面div设置为百分比就行了,比如60%,你再放大就会没有空白了

刚给你测试了下,如果你继续相这样的话,那就给外围div和里面的div加一个相同的背景,这样放大后里面超出部分就会覆盖外围的了,然后看起来就没有问题了,不过谁会去放大显示着来看啊

00分享举报

html怎么整体放大,html页面放大时不能铺满整个页面问题相关推荐

  1. html铺满整个页面_html 怎么让背景图铺满整个页面?

    html中,怎么让背景图片充满整个页面 html 怎么让背景图铺满整个页面雨声潺潺,像住在溪边.宁愿天天下雨,以为你是因为下雨而不来. 也就是一张网页内容有多长多宽,那一张背景图就要放大到那么大,例如 ...

  2. word加水印铺满java,Word 2010文档中让水印铺满整个页面的设置方法

    在Word 2010中,通过简单的鼠标单击即可为文档添加水印,但这样只能在每一个文档页面内添加一个水印,这个在前面的文章已经有所介绍,具体请见:Word文档添加内置水印.个性化图片及文字水印的方法,但 ...

  3. 浏览器占满整个屏幕_浏览器无法最大化 为什么我的IE浏览器最大化时,会铺满整个电脑屏...

    延伸:为什么我的IE浏览器最大化时,会铺满整个电脑屏 问题:我的IE浏览器最大化时,把底下 的全盖住了,请问题详情时怎么回事? 回答:下面开始蓝色的那条条叫任务栏 由开始菜单. 区域( .音量图标.时 ...

  4. html让背景图铺满整个页面

    html让背景图铺满整个页面 <style> body {background:url("zz.jpeg") no-repeat center center; /*加载 ...

  5. html 怎么让背景图铺满整个页面

    为了让背景图片铺满整个页面,我们可以这样设置: 第一.页面只有屏幕大小: background: url(../images/banner.jpg) no-repeat;background-size ...

  6. word文字铺满页面_Word 2010文档中让水印铺满整个页面的设置方法

    在Word 2010中,通过简单的鼠标单击即可为文档添加水印,但这样只能在每一个文档页面内添加一个水印,这个在前面的文章已经有所介绍,具体请见:Word文档添加内置水印.个性化图片及文字水印的方法,但 ...

  7. 怎么让背景铺满整个页面_必能用到,一页PPT中想放超多图片怎么办?

    本期介绍一个很实用的PPT技巧, 在公司介绍.活动总结.成果展示的最后, 我们经常会在一页PPT中, 放上大量头像或者活动照片. 放头像能让内部人员产生认同感, 让观众感觉到人情味. 放照片能将很多边 ...

  8. Speedoffice(Excel)中插入的图片怎么铺满整个页面

    1,首先我们运行office软件,新建一份空白表格,如图. ​2,然后点击上方工具栏"插入"图片--图片文件,找到图片,点击添加即可. 3,接着点击图片,右键选择"默认大 ...

  9. css设置背景图片等比例铺满整个页面

    有次UI给我提出了bug说我的登录页的背景图变形了,后来查了下正确的背景图设置,如下: .login-box {width: 100%;height: 100%;background: url(&qu ...

最新文章

  1. zendframwork入口关键Zend_Application.php类
  2. python批量删除特定字符_根据某个特定字符删除一行
  3. 根据之前发的那SQL语句查询表结构的语句做了个MSSQL实体类生成器!
  4. Cacti 自定义脚本监控
  5. VS2017桌面应用程序打包成.msi或者.exe
  6. 前端学习(1343):集合关联
  7. PyTorch代码出现“interrupted by signal 9: SIGKILL”
  8. OpenCV-怀旧色滤镜
  9. HDU 6180 2017 多校训练:Schedule
  10. 演示如何利用log4net记录程序日志信息
  11. Tests for normality正态分布检验(python代码实现)
  12. 下划线_Excel添加下划线的快捷键,下划线颜色设置
  13. Perl 脚本命令行传入参数
  14. java把u转换成21_java u 转换成汉字
  15. 健康,home? [java的内存浅析]
  16. 全面拆解携程云原生实践,打造智能弹性的云端酒店直连系统
  17. Android方法耗时监控工具
  18. Java递归解决老鼠走迷宫问题
  19. 今天,彻底弄懂什么是URI
  20. 诛仙3网游:乾坤珠的获取与使用

热门文章

  1. java 文件编码 查询系统_javaweb垃圾分类查询系统、ssm+mysql
  2. Androd开发之通过ComponentName和setComponent以及scheme打开外部应用 | 打开任意页面 | 打开指定页面
  3. 分析Android studio3.0的instant run开启关闭对APK大小的影响
  4. 二维数组排序php array_work,Arrays.Sort()中的那些排序算法
  5. jsp获取java数组长度_数组 – 如何在java jsp中获取数组列表大小?
  6. 如何手写代码进行页面布局
  7. redux 存值 及 取值 的操作
  8. setjump, longjump学习
  9. 使用js命名空间进行模块式开发
  10. Linux 帐户管理