为什么网页大小有问题

为什么网页大小有问题

<!DOCTYPE html>
<html>
<head>
	<title>作业</title>
	<meta charset="utf-8">
	<table cellspacing="0" border="0" width="100%">
		<thead>
			<!--导航栏-->
			<tr bgcolor="#e1f2f9">
				<td><img src="images/logo.png"></td>
				<td align="left">
					<span>学习概况&nbsp;</span>
					<span>&nbsp;机构设置&nbsp;</span>
					<span>&nbsp;师资队伍&nbsp;</span>
					<span>&nbsp;科学研究&nbsp;</span>
					<span>&nbsp;招生就业&nbsp;</span>
					<span>&nbsp;图书馆&nbsp;</span>
					<span>&nbsp;校长信箱&nbsp;</span>
					<span>&nbsp;校园导航&nbsp;</span>
				</td>
				<td>快速通道<select>
						<option>Volvo</option>
				</select>
				</td>
			</tr>
			<!--banner-->
			<tr>
				<td colspan="10"><img src="images/banner.jpg"></td>
			</tr>
		</thead>
		<tbody>
			<table width="65%" align="center">
			<!--新闻栏-->
				<tr align="left">
					<td><strong>慕课快讯&nbsp;基层风采&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;>&nbsp;></strong><br>
					>慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30 <br>
					>李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30<br>
					>台军演戏"歼灭"解放军&nbsp;专家:自欺欺人&nbsp;12-30<br>
					>气象局停发霾预警?回应:正协商联合发布机制&nbsp;12-30<br>
					>独家:小米营业解散宣发部门&nbsp;宣布成立一年后刹车&nbsp;12-30<br>
					>&quot;哑巴群众&quot;&nbsp;开口说话&nbsp;是稿件有误还是新闻造假?&nbsp;12-30<br>
					>要置业&nbsp;,&nbsp;看看2017全球楼市掘金线图&nbsp;12-30
					</td>
					<td align="left"><strong>慕课快讯&nbsp;基层风采&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;>&nbsp;></strong><br>
					>慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30 <br>
					>李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30<br>
					>台军演戏"歼灭"解放军&nbsp;专家:自欺欺人&nbsp;12-30<br>
					>气象局停发霾预警?回应:正协商联合发布机制&nbsp;12-30<br>
					>独家:小米营业解散宣发部门&nbsp;宣布成立一年后刹车&nbsp;12-30<br>
					>&quot;哑巴群众&quot;&nbsp;开口说话&nbsp;是稿件有误还是新闻造假?&nbsp;12-30<br>
					>要置业&nbsp;,&nbsp;看看2017全球楼市掘金线图&nbsp;12-30
					</td>
					<td><img src="images/weixin.png"></td>
				</tr>
			</table>
			<table align="center" border="0" width="65%" cellpadding="5">
				<tr>
					<td align="left" colspan="3">近期专题</td>
				</tr>
			<tr>
				<td align="center"><img src="images/1.png"></td>
				<td align="center"><img src="images/2.png"></td>
				<td align="center"><img src="images/3.png"></td>
			</tr>
			</table>
		</tbody>
		<tfoot>
			<!--页脚区-->
			<table align="center" cellspacing="0" width="100%">
				<tr bgcolor="#e1f2f9" align="center" height="50px">
					<td>文化站点&nbsp;信息服务&nbsp;校友会&nbsp;OA系统&nbsp;教务管理系统&nbsp;网络教学平台&nbsp;vpn服务&nbsp;acm/oj&nbsp;旧版入口&nbsp;站群系统</td>
				</tr>
				<tr bgcolor="#89A9BD" align="center" height="60px">
					<td>Copyright&nbsp;&copy;&nbsp;2017&nbsp;imooc.com&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;|&nbsp;京ICP备&nbsp;13046642号-2</td>
				</tr>
			</table>
		</tfoot>
	</table>
</html>

我用Chrome显示大小调成75%才能显示正常,为什么调100%怎么都不对。。。换了其他浏览器也是一样的。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
山河远阔ZZ 2018-12-27 12:19:59

同学你好,经过测试,代码中是有4个问题的:

1、顶部中间导航没有居中显示,建议设置左右两侧宽度相等,导航内的左对齐去掉,整体居中即可,参考下图:

http://img1.sycdn.imooc.com//climg/5c244ea70001a22808570492.jpg

2、图片没有百分百显示,如下图:

http://img1.sycdn.imooc.com//climg/5c2450f10001e5de19080278.jpg


建议图片设置宽度为100%,高度按照宽高比自动伸缩即可,否则会使图片伸缩,样式不美观,参考下图:

http://img1.sycdn.imooc.com//climg/5c24512e00010e4c07390138.jpg

3、图文区域里面文字没有写上,把文字添加上,查看下图:

http://img1.sycdn.imooc.com//climg/5c2452da00015b9413670146.jpg

4、底部导航区域建议文字之间的间隙大一点,查看下图:

http://img1.sycdn.imooc.com//climg/5c2451fc00013b0916570052.jpg

建议多增加几个&nbsp;空格符号,参考下图:

http://img1.sycdn.imooc.com//climg/5c2452390001794113660130.jpg

希望能够解答你的问题,祝学习愉快,望采纳!

山河远阔ZZ 2018-12-27 11:47:11

同学你好,是不是你电脑的分辨率调低了呢?如果分辨率调低了页面显示是有问题的,建议把页面的分辨率调到最大,参考下图:

http://img1.sycdn.imooc.com//climg/5c244b3600012c0805850568.jpg

希望能够解决你的问题,祝学习愉快,望采纳!

  • 提问者 慕勒9893359 #1
    你好,我的分辨率是3000x2000,我之前也考虑过是不是分辨率问题,我调到16:9的1920x1080,还是一样的情况,也就是说我的代码是没有问题的吗?
    2018-12-27 11:48:37
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师