`

网页制作中关于浏览器宽度和高度的设定研究

阅读更多
1024分辨率下:

IE:

IE7:1003*590
IE6:1003*596
IE5.5:1003*607
Maxthon(正常模式):1003*544

浏览窗口的高度跟IE上边的工具栏有关系,以上的高度都是在IE的默认状态下的。Mathon有IE模式、正常模式、简单模式三个模式,我只测试了正常模式下的。

FireFox:

FireFox的浏览窗口的高度和宽度是这样计算的:当页面的高度和宽度没有超过浏览窗口的宽度和高度时,浏览窗口的宽度和高度是1024*575,当页面的高度超过575时,竖向滚动条出现,浏览窗口的宽度变成1007。

Opera:

Opera的情况跟FireFox的情况一样,当页面的高度和宽度没有超过浏览窗口的宽度和高度时,浏览窗口的宽度和高度是1018*625。当出现竖向的滚动条时,页面的宽度变成1001。但是此时如果页面的宽度超过1001时,并不会出现横向的滚动条,只是超出1001范围的内容会被盖在竖向滚动条下面,页面宽度超过1018时浏览窗口才会出现横向滚动条。

800分辨率下:

IE:

IE7:779*422
IE6:779*428
IE5:779*439
Maxthon(正常模式):779*376

FireFox:

800*407(无滚动条状态)
783*408(有滚动条状态)

Opera:

794*457(无滚动条状态)
777*458(有滚动条状态)

结论:1024分辨率下,页面宽度应为1002,页面重要内容的位置不能低于570;800分辨率下,页面宽度应为778,页面中重要内容的位置不能低于400。
分享到:
评论

相关推荐

    网页制作中如何用表格构造特殊布局

    在单元格属性面板中,还可以直接输入数值来改变单元格的高度和宽度,实现更精细的布局控制。 总的来说,熟练掌握表格的使用对于创建网页特殊布局至关重要。无论是整理内容、构建复杂结构还是响应式设计,表格都是...

    制作网页中的滚动文字

    - **width**、**height**:设定滚动区域的宽度和高度。 - **loop**:确定滚动循环的次数,设为“infinite”表示无限循环。 #### 3. 示例代码解析 考虑下面的例子,我们将创建一个循环垂直向上滚动的两行文字: ``...

    HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

    在这个例子中,表格的宽度被设定为400像素,高度设定为100像素,这将使得表格在页面上具有确定的尺寸,不会随着内容的多少而变化。`border=1`属性添加了边框以便于视觉区分表格的边界。 在实际的网页设计中,灵活...

    网页制作 html 代码

    `<hr>`标签创建水平分隔线,`<hr size>`和`<hr width>`分别控制线条的高度和宽度。 以上只是HTML语言的基础知识,实际上HTML还包括表格、列表、段落、图像、框架、表单等更多元素,它们共同构成了丰富多彩的网页...

    CSS在网页制作中的应用

    2. 图片尺寸控制:`width`和`height`属性可以设定图片的宽度和高度,`max-width`和`max-height`可限制最大尺寸。 3. 背景图片:`background-image`属性引入背景图片,`background-repeat`控制重复方式,`background-...

    网页及网站制作流程.doc

    网页及网站制作是一个复杂而有序的过程,涉及到多个步骤和工具的使用。以下是对这个过程的详细解释: **一、筹划阶段** 在这个阶段,你需要明确你的网页或网站的目标、设计风格和内容布局。确定你的主色调、字体...

    精品资料(2021-2022年收藏)浅谈网站建设和网页制作的方法.docx

    通过设定表格的宽度和高度,可以精确控制文本和图像的位置,使页面布局整洁有序。使用绝对定位可以使元素保持固定位置,不受浏览器尺寸变化的影响。 **其他网页制作技巧** 除了表格,还有其他一些方法可以提升网页...

    网页制作综合性实验报告模板.pdf

    在“网页制作综合性实验报告”中,学生们通过实际操作,学习和掌握了网页制作的基本技能,以下是对报告中涉及知识点的详细阐述: 1. **网页设计原则**:网页设计应考虑用户友好性、易用性和美观性。页面布局需清晰...

    制作网页中Html+css小技巧收集

    在网页制作过程中,HTML与CSS是构建网页布局和样式的基石。通过收集并分享一系列HTML与CSS的小技巧,可以显著提升网页设计的效率与质量。以下是对标题“制作网页中Html+css小技巧收集”及描述中提到的知识点进行的...

    网页制作与网站制作流程.pdf

    高度则根据内容需求设定,首页通常应能在不同浏览器环境下完全显示。 3. **网页切割** 使用PS或FW的切片工具将设计图分割成多个小图,便于在网页中使用。切片要精确,确保每个部分在网页上正确对齐和显示。...

    2天掌握DIV CSS网页制作技术

    综上所述,掌握DIV CSS网页制作技术,不仅需要理解XHTML的语义结构,还要熟练运用CSS进行页面布局和美化,以及解决跨浏览器兼容问题。通过系统学习和实践,可以在短时间内快速提升网页制作技能。

    网页的设计制作PPT学习教案.pptx

    在网页设计制作的学习过程中,了解JavaScript的基本概念和应用是不可或缺的一环。 JavaScript的引入方式主要有两种:一是直接在HTML文档中嵌入,通过`<script>`标签来包裹JavaScript代码;二是通过外部文件链接,将...

    网页制作教程- 布局案例+第一部分+首页的布局

    通过设置盒模型属性,如宽度、高度、内边距和外边距,可以调整元素的位置和大小。浮动元素、定位(positioning)和Flexbox或Grid布局也是实现复杂布局的重要工具。 在学习过程中,你将学习到如何使用CSS选择器来...

    网页设计html代码大全

    + Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定 + Scrollbar-Arrow-Color:滚动条两端箭头颜色设定 HTML跑马灯: *跑马灯: `<marquee>...</marquee>` *普通捲動: `<marquee behavior=slide>......

    如何使用HTML制作个人网站( web期末大作业)

    - **实例**:假设需要实现一个带有头部、主体内容和底部的简单网页,可以创建三个`div`标签,分别为`.header`、`.main-content`和`.footer`,并使用`CSS`设置它们的宽度、高度等属性。 2. **样式美化**:为了使...

    网页设计制作

    通过设置div的宽度、高度、边距和填充,我们可以创建不同大小和形状的区域,进而控制网页的内容布局。在网页设计中,div常常被用来创建响应式设计,即根据用户设备的屏幕尺寸调整网页的显示方式。 CSS,或级联样式...

Global site tag (gtag.js) - Google Analytics