设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 浏览器放大时导航条显示不全
发新帖
返回列表
5 1257
电梯直达  跳转到指定楼层

[提问] 浏览器放大时导航条显示不全

qiwendi|中级会员 |勤币 468 |学币 0
发表于 2018-8-6 10:07 | 复制链接 | 打印 | 上一主题 | 下一主题
html+css网页前端课程 - 3.1.CSS文本样式-百度W3C页面


这是360浏览器 放大到150%时的效果。。 IE也是这样
我去找了老师的代码，发现老师的代码 放大之后  效果也是和我一样的！ 怎么解决呢？？？

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
| 回复

共5个回复 最后回复于 2018-8-15 08:22

lori棒棒糖
版主
勤币 13901   学币 196  
沙发
发表于 2018-8-6 17:19:43 | 只看该作者
你把你的代码全部复制上来看下
举报 使用道具
回复 支持 反对
qiwendi
中级会员
勤币 468   学币 0  
板凳
发表于 2018-8-9 17:09:42 | 只看该作者
lori棒棒糖 发表于 2018-8-6 17:19
你把你的代码全部复制上来看下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>w3c2</title>
</head>

<style>
*{margin:0;padding:0}

.head{ background:#fff;  height:100px; }

.nav{background:#06C;  height:40px; }

ul{list-style:none; width:1000px; margin:0 auto; }

.nav a{display:block; float:left; text-decoration:none; width:120px; height:40px; line-height:40px; text-align:center; font-family:"黑体"; color:#FFF; }

.nav a:hover{ background:#09F}

body{ background: #EAEAEA;}

.main{ background:#fff; width:940px; border:1px solid #CCC; margin:10px auto 20px; padding:30px; overflow:hidden}

ol{padding:30px}

h1,h2{ font-weight:100;}

dt{ display:block; background:#EAEAEA; border: 1px solid #999; width:90px; height:30px; text-align:left; line-height:30px; padding-left:10px; font-size:14px;}

dd{ display:block; background:#EAEAEA; border: 1px solid #999; border-top:0px; width:90px; height:30px; text-align:left; line-height:30px; padding-left:10px; font-size:14px;}

.main a{ display:block;}

p{ text-indent:2em;}

</style>




<body>
<div class="head"></div>

<div class="nav">

        <ul>
   
   <li><a href="#">首页</a></li>
   <li><a href="#">百科</a></li>
   <li><a href="#">用户</a></li>
   <li><a href="#">任务</a></li>
   
    </ul>
   
</div>

   
<div class="main">

<h1>万维网联盟</h1>
</br></br>
<p>万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，

<p>如广为业界采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等，</p>

<p>有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。</p>
</br>

<span><dl>
<dt>中文名称</dt>
<dd>外文名称</dd>
</dl></span>

<ol>
<li><a href="#a">发展历史</a></li>
<li><a href="#b">成员机构</a></li>
<li><a href="#c">主要贡献</a></li>
<li><a href="#d">主要工作</a></li>
</ol>

<a name="a">
<h2>发展历史</h2>
</br>
<p>万维网(World Wide Web)是作为欧洲核子研究组织的一个项目发展起来的，在那里 Tim Berners-Lee 开发出万维网的雏形。Tim Berners-Lee- 万维网的发明人和万维网联盟的主任。

<p>万维网联盟，又称W3C理事会。1994年10月在麻省理工学院计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。

<p>万维网联盟是国际最著名的标准化组织。1994年成立后，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。万维网联盟拥有来自全世界40个国家的400多个会员组织，已在全世界16个地区设立了办事处。2006年4月28日，万维网联盟在中国内地设立首个办事处。

W3C 在 1994 年被创建的目的是，为了完成麻省理工学院(MIT)与欧洲粒子物理研究所(CERN)之间的协同工作，并得到了美国国防部高级研究计划局(DARPA)和欧洲委员会(European Commission)的支持。

W3C 致力于实现所有的用户都能够对 web 加以利用(不论其文化教育背景、能力、财力以及其身体残疾)。

W3C 同时与其他标准化组织协同工作，比如 Internet 工程工作小组(Internet Engineering Task Force)、无线应用协议(WAP)以及 Unicode 联盟(Unicode Consortium)。

W3C 由美国麻省理工学院计算机科学和人工智能实验室 (MIT CSAIL)，总部位于法国的欧洲信息数学研究联盟(ERCIM) 和日本的庆应大学(Keio University)联合运作，并且在世界范围内拥有分支办事处。</p></a>

</br></br>

<a name="b"><h2>成员机构</h2>
</br>
<p>W3C 最重要的工作是发展 Web 规范(称为推荐，
HTML5官方logo
HTML5官方logo
Recommendations)，这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。

每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织，并会创建一个工作草案，最后是一份提议推荐。一般来说，为了获得正式的批准，推荐都会被提交给 W3C 会员和主任。

HTML5规范

万维网联盟宣布，HTML5和Canvas 2D规范的制定已经完成，尽管还不能算是W3C标准，但是这些规范已经功能完整，企业和开发人员有了一个稳定的执行和规划目标。

W3C首席执行官Jeff Jaffe表示:"从今天起，企业用户可以清楚地知道，他们能够在未来依赖HTML5。"

HTML5是开放Web标准的基石，它是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能等等。

为了减少浏览器碎片、实现在所有HTML工具的应用，W3C开始着手W3C标准化的互操作性和测试。和之前宣布的规划一样，W3C计划在2014年完成HTML5标准。

HTML工作组还发布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案，让开发人员能提前预览下一轮标准。</p></a>

</br></br>

<a name="c"><h2>主要贡献</h2>
</br>
<p>万维网联盟由Web的发明者 Tim Berners-Lee及W3C的首席执行官 Jeffrey Jaffe领导，由设立在美国麻省理工大学(MIT)、欧洲数学与信息学研究联盟(ERCIM)、日本庆应大学(Keio University)和中国北京航空航天大学的四个全球总部(W3C Hosts)的全球团队联合运营。

除四个总部外，W3C还在全球20个国家和地区设立了办事处机构(W3C Offices)，并拥有来自各国政府、行业、标准化组织、科研机构等近400家会员单位，覆盖了IT及互联网、出版、电视与媒体、汽车、金融、航空等众多领域。

W3C会员及来自各类机构的邀请专家参与到W3C的各类工作组(Groups)编写W3C的Web标准。此外，更为广泛的开发者社区也在标准开发过程中扮演重要角色。个人和团队都有多种方式参与到W3C的各类活动中。

从管理角度，W3C由四个签署联合协议的总部机构(Host Institutions)共同运营，包括MIT，ERCIM，Keio University及北京航空航天大学。

W3C团队的员工由W3C的Director和CEO直接领导。一个更小的管理团队(management team)负责日常运行。作为一个国际化的组织，W3C在不同地区设立了办事处机构(W3C Offices)。

从标准流程角度，W3C的标准流程(Process Document)、会员协议(Member Agreement)及专利策略(Patent Policy)约定了W3C参与各方的职责和利益。其中，W3C的一些主要机构包括顾问委员会(Advisory Committee)、Advisory Board、技术架构组(Technical Architecture Group, TAG)及各个工作组(chartered groups)。

折叠</p></a>

</br></br>

<a name="d"><h2>主要工作</h2>
</br>
<p>万维网联盟由Web的发明者 Tim Berners-Lee及W3C的首席执行官 Jeffrey Jaffe领导，由设立在美国麻省理工大学(MIT)、欧洲数学与信息学研究联盟(ERCIM)、日本庆应大学(Keio University)和中国北京航空航天大学的四个全球总部(W3C Hosts)的全球团队联合运营。

除四个总部外，W3C还在全球20个国家和地区设立了办事处机构(W3C Offices)，并拥有来自各国政府、行业、标准化组织、科研机构等近400家会员单位，覆盖了IT及互联网、出版、电视与媒体、汽车、金融、航空等众多领域。

W3C会员及来自各类机构的邀请专家参与到W3C的各类工作组(Groups)编写W3C的Web标准。此外，更为广泛的开发者社区也在标准开发过程中扮演重要角色。个人和团队都有多种方式参与到W3C的各类活动中。

从管理角度，W3C由四个签署联合协议的总部机构(Host Institutions)共同运营，包括MIT，ERCIM，Keio University及北京航空航天大学。

W3C团队的员工由W3C的Director和CEO直接领导。一个更小的管理团队(management team)负责日常运行。作为一个国际化的组织，W3C在不同地区设立了办事处机构(W3C Offices)。

从标准流程角度，W3C的标准流程(Process Document)、会员协议(Member Agreement)及专利策略(Patent Policy)约定了W3C参与各方的职责和利益。其中，W3C的一些主要机构包括顾问委员会(Advisory Committee)、Advisory Board、技术架构组(Technical Architecture Group, TAG)及各个工作组(chartered groups)。

折叠</p></a>



   


</div>


</body>
</html>
举报 使用道具
回复 支持 反对
qiwendi
中级会员
勤币 468   学币 0  
地板
发表于 2018-8-9 17:11:28 | 只看该作者
lori棒棒糖 发表于 2018-8-6 17:19
你把你的代码全部复制上来看下

你去看老师的代码也行，老师w3c页面那节课的代码，还有2.7导航条那节的代码， 放大了  都有这个问题。。。
举报 使用道具
回复 支持 反对
qiwendi
中级会员
勤币 468   学币 0  
5#
发表于 2018-8-11 13:43:36 | 只看该作者
lori棒棒糖 发表于 2018-8-6 17:19
你把你的代码全部复制上来看下

为什么不回复我了？
举报 使用道具
回复 支持 反对
yuanxi52028
注册会员
勤币 614   学币 0  
6#
发表于 2018-8-15 08:22:03 | 只看该作者
都这样的，你看百度，腾讯都一样，放到很大，有溢出他就隐藏掉溢出的那一部分。

解决办法是，做成响应式的，那随便你哪个分辨率都可以以最好的状态显示出来。
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表