满意答案

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. 51Nod幼儿园霸王
  2. POJ 3436 -- ACM Computer Factory(最大流,建图)
  3. WCF HelpPage 和自动根据头返回JSON XML
  4. 940mx黑苹果驱动_超详细黑苹果安装图文教程送EFI配置合集及系统
  5. Linux 远程开机(walk on lan)
  6. 在Windows系统中下载并安装Docker-desktop
  7. Node.js压缩web项目中的js,css和图片
  8. java开发_读写txt文件操作
  9. 自动驾驶 5-3 前馈速度控制 Feedforward Speed Control
  10. Java中面向对象三大特性及其各自的用处
  11. python生成图文并茂的pdf--财务报表(三)--页面布局和排版
  12. Python制作动态爱心函数动图
  13. 初窥门径——字典的更好使用方式
  14. android短信接收处理和发送
  15. 【树莓派】树莓派3B+搭建Ubuntu
  16. 美学心得(第二百三十七集) 罗国正
  17. 全志平台boot框架中增加设备驱动过程分析
  18. 我是如何拿到腾讯offer的(干货面经+经验分享)
  19. Web开发基础——CSS
  20. 【JY】No.7.1力学架构结构力学求解器(SM)使用教程

热门文章

  1. jmeter压测_简单七步,快速入门 JMeter原生压测
  2. 目前最舒服笔记——印象笔记下载使用
  3. ButterKnife的简单使用
  4. tkinter 菜单添加事件_Python+tkinter设置Label字体、字号、样式、对齐方式、鼠标形状、响应鼠标事件...
  5. 基于stm32简易计算机电路图,基于STM32的简易电子计算器设计与实现(DOC).doc
  6. java delphi 三层_三层架构delphi+Java+Oracle模式的实现
  7. Android Studio开发版(debug)和发布版(release)获取SHA1和MD5和SHA256的最原始方法
  8. php 转义取消,php如何取消转义
  9. 【蜕变之路】第29天 CAST和CONVERT的区别(2019年3月19日)
  10. poj 1995 Raising Modulo Numbers 二分快速幂