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、CSS和JavaScript的解析方式可能存在差异,导致在不同浏览器中展示效果不一致。以下是一些针对常见浏览器兼容性问题的解决策略: 1. **...
在这个例子中,表格的宽度被设定为400像素,高度设定为100像素,这将使得表格在页面上具有确定的尺寸,不会随着内容的多少而变化。`border=1`属性添加了边框以便于视觉区分表格的边界。 在实际的网页设计中,灵活...
`<hr>`标签创建水平分隔线,`<hr size>`和`<hr width>`分别控制线条的高度和宽度。 以上只是HTML语言的基础知识,实际上HTML还包括表格、列表、段落、图像、框架、表单等更多元素,它们共同构成了丰富多彩的网页...
2. 图片尺寸控制:`width`和`height`属性可以设定图片的宽度和高度,`max-width`和`max-height`可限制最大尺寸。 3. 背景图片:`background-image`属性引入背景图片,`background-repeat`控制重复方式,`background-...
网页及网站制作是一个复杂而有序的过程,涉及到多个步骤和工具的使用。以下是对这个过程的详细解释: **一、筹划阶段** 在这个阶段,你需要明确你的网页或网站的目标、设计风格和内容布局。确定你的主色调、字体...
通过设定表格的宽度和高度,可以精确控制文本和图像的位置,使页面布局整洁有序。使用绝对定位可以使元素保持固定位置,不受浏览器尺寸变化的影响。 **其他网页制作技巧** 除了表格,还有其他一些方法可以提升网页...
在“网页制作综合性实验报告”中,学生们通过实际操作,学习和掌握了网页制作的基本技能,以下是对报告中涉及知识点的详细阐述: 1. **网页设计原则**:网页设计应考虑用户友好性、易用性和美观性。页面布局需清晰...
在网页制作过程中,HTML与CSS是构建网页布局和样式的基石。通过收集并分享一系列HTML与CSS的小技巧,可以显著提升网页设计的效率与质量。以下是对标题“制作网页中Html+css小技巧收集”及描述中提到的知识点进行的...
高度则根据内容需求设定,首页通常应能在不同浏览器环境下完全显示。 3. **网页切割** 使用PS或FW的切片工具将设计图分割成多个小图,便于在网页中使用。切片要精确,确保每个部分在网页上正确对齐和显示。...
综上所述,掌握DIV CSS网页制作技术,不仅需要理解XHTML的语义结构,还要熟练运用CSS进行页面布局和美化,以及解决跨浏览器兼容问题。通过系统学习和实践,可以在短时间内快速提升网页制作技能。
在网页设计制作的学习过程中,了解JavaScript的基本概念和应用是不可或缺的一环。 JavaScript的引入方式主要有两种:一是直接在HTML文档中嵌入,通过`<script>`标签来包裹JavaScript代码;二是通过外部文件链接,将...
通过设置盒模型属性,如宽度、高度、内边距和外边距,可以调整元素的位置和大小。浮动元素、定位(positioning)和Flexbox或Grid布局也是实现复杂布局的重要工具。 在学习过程中,你将学习到如何使用CSS选择器来...
+ Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定 + Scrollbar-Arrow-Color:滚动条两端箭头颜色设定 HTML跑马灯: *跑马灯: `<marquee>...</marquee>` *普通捲動: `<marquee behavior=slide>......
- **实例**:假设需要实现一个带有头部、主体内容和底部的简单网页,可以创建三个`div`标签,分别为`.header`、`.main-content`和`.footer`,并使用`CSS`设置它们的宽度、高度等属性。 2. **样式美化**:为了使...
通过设置div的宽度、高度、边距和填充,我们可以创建不同大小和形状的区域,进而控制网页的内容布局。在网页设计中,div常常被用来创建响应式设计,即根据用户设备的屏幕尺寸调整网页的显示方式。 CSS,或级联样式...