html怎么整体放大,html页面放大时不能铺满整个页面问题
满意答案
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页面放大时不能铺满整个页面问题相关推荐
- html铺满整个页面_html 怎么让背景图铺满整个页面?
html中,怎么让背景图片充满整个页面 html 怎么让背景图铺满整个页面雨声潺潺,像住在溪边.宁愿天天下雨,以为你是因为下雨而不来. 也就是一张网页内容有多长多宽,那一张背景图就要放大到那么大,例如 ...
- word加水印铺满java,Word 2010文档中让水印铺满整个页面的设置方法
在Word 2010中,通过简单的鼠标单击即可为文档添加水印,但这样只能在每一个文档页面内添加一个水印,这个在前面的文章已经有所介绍,具体请见:Word文档添加内置水印.个性化图片及文字水印的方法,但 ...
- 浏览器占满整个屏幕_浏览器无法最大化 为什么我的IE浏览器最大化时,会铺满整个电脑屏...
延伸:为什么我的IE浏览器最大化时,会铺满整个电脑屏 问题:我的IE浏览器最大化时,把底下 的全盖住了,请问题详情时怎么回事? 回答:下面开始蓝色的那条条叫任务栏 由开始菜单. 区域( .音量图标.时 ...
- html让背景图铺满整个页面
html让背景图铺满整个页面 <style> body {background:url("zz.jpeg") no-repeat center center; /*加载 ...
- html 怎么让背景图铺满整个页面
为了让背景图片铺满整个页面,我们可以这样设置: 第一.页面只有屏幕大小: background: url(../images/banner.jpg) no-repeat;background-size ...
- word文字铺满页面_Word 2010文档中让水印铺满整个页面的设置方法
在Word 2010中,通过简单的鼠标单击即可为文档添加水印,但这样只能在每一个文档页面内添加一个水印,这个在前面的文章已经有所介绍,具体请见:Word文档添加内置水印.个性化图片及文字水印的方法,但 ...
- 怎么让背景铺满整个页面_必能用到,一页PPT中想放超多图片怎么办?
本期介绍一个很实用的PPT技巧, 在公司介绍.活动总结.成果展示的最后, 我们经常会在一页PPT中, 放上大量头像或者活动照片. 放头像能让内部人员产生认同感, 让观众感觉到人情味. 放照片能将很多边 ...
- Speedoffice(Excel)中插入的图片怎么铺满整个页面
1,首先我们运行office软件,新建一份空白表格,如图. 2,然后点击上方工具栏"插入"图片--图片文件,找到图片,点击添加即可. 3,接着点击图片,右键选择"默认大 ...
- css设置背景图片等比例铺满整个页面
有次UI给我提出了bug说我的登录页的背景图变形了,后来查了下正确的背景图设置,如下: .login-box {width: 100%;height: 100%;background: url(&qu ...
最新文章
- 51Nod幼儿园霸王
- POJ 3436 -- ACM Computer Factory(最大流,建图)
- WCF HelpPage 和自动根据头返回JSON XML
- 940mx黑苹果驱动_超详细黑苹果安装图文教程送EFI配置合集及系统
- Linux 远程开机(walk on lan)
- 在Windows系统中下载并安装Docker-desktop
- Node.js压缩web项目中的js,css和图片
- java开发_读写txt文件操作
- 自动驾驶 5-3 前馈速度控制 Feedforward Speed Control
- Java中面向对象三大特性及其各自的用处
- python生成图文并茂的pdf--财务报表(三)--页面布局和排版
- Python制作动态爱心函数动图
- 初窥门径——字典的更好使用方式
- android短信接收处理和发送
- 【树莓派】树莓派3B+搭建Ubuntu
- 美学心得(第二百三十七集) 罗国正
- 全志平台boot框架中增加设备驱动过程分析
- 我是如何拿到腾讯offer的(干货面经+经验分享)
- Web开发基础——CSS
- 【JY】No.7.1力学架构结构力学求解器(SM)使用教程
热门文章
- jmeter压测_简单七步,快速入门 JMeter原生压测
- 目前最舒服笔记——印象笔记下载使用
- ButterKnife的简单使用
- tkinter 菜单添加事件_Python+tkinter设置Label字体、字号、样式、对齐方式、鼠标形状、响应鼠标事件...
- 基于stm32简易计算机电路图,基于STM32的简易电子计算器设计与实现(DOC).doc
- java delphi 三层_三层架构delphi+Java+Oracle模式的实现
- Android Studio开发版(debug)和发布版(release)获取SHA1和MD5和SHA256的最原始方法
- php 转义取消,php如何取消转义
- 【蜕变之路】第29天 CAST和CONVERT的区别(2019年3月19日)
- poj 1995 Raising Modulo Numbers 二分快速幂