`
didixp
  • 浏览: 13186 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
最近访客 更多访客>>
社区版块
存档分类
最新评论

1024和800分辨率下浏览器宽度和宽度的设定研究

    博客分类:
  • css
阅读更多
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。

分享到:
评论

相关推荐

    网页设计中对于尺寸的设定

    因此,为了兼容性和视觉效果,设计师通常会选择比常见分辨率稍小的宽度,如1024分辨率时设为1000像素,800分辨率时设为760-770像素。 网页设计标准尺寸包括: 1. 800*600分辨率下,宽度778像素以内可避免水平滚动条...

    网页设计尺寸大全 网页设计一般尺寸.doc

    考虑到浏览器的兼容性和潜在的插件影响,设计师通常会将网页宽度设置得稍小一些,例如在1024像素分辨率下选择1000像素或900像素的宽度,以确保在大部分浏览器中内容能够适应且无水平滚动条。 网页设计标准尺寸方面...

    网页设计规范.doc

    考虑到浏览器插件等因素,通常会选择略小于标准分辨率的宽度,如800分辨率设为760像素,1024分辨率设为990像素左右,以确保更好的兼容性。 在当前多样化显示器环境下,设计师需要关注不同用户群体的浏览体验。字号...

    网页设计(尺寸大全)

    为了避免滚动条的出现,设计时通常会将网页宽度设定得略小于这些值,例如1024分辨率下设置为1000像素,800分辨率下设置为760像素左右。 网页设计的标准尺寸随着分辨率的变化而调整。在800*600分辨率下,建议网页...

    网页设计尺寸大全--网页设计一般尺寸.doc

    3. **宽度设定**:对于1024的分辨率,安全的宽度设定通常为1000像素,有时甚至设定为900像素以提供更大的侧边空白,提高视觉舒适度。对于800的分辨率,770像素是常见的选择,但也可以是760像素,以适应不同浏览器...

    网页尺寸参考t.pdf

    在800*600分辨率下,网页宽度保持在778像素以内,而在1024*768分辨率下,全屏显示时宽度应在1002像素以内。在Photoshop中设计网页时,考虑到显示效果,尺寸可能设定为740*560像素左右。 网页长度和宽度不宜过长或过...

    网页尺寸参考t.docx

    然而,为了适应可能存在的浏览器插件或其他元素导致的宽度变化,通常会将宽度设定得稍小一些。对于800像素的分辨率,通常建议设定为760像素左右,1024像素分辨率则设定为990像素左右。 网页设计的标准尺寸通常是...

    网页设计的尺寸大小如何设置.pdf

    在IE6.0的环境下,提到了1024x768和1024x1003这样的分辨率参数,这说明在设计网页时,需要考虑到用户使用较老版本浏览器的兼容性问题,从而确定基础的布局和元素尺寸。 接着,文档列举了多种分辨率和对应的尺寸设置...

    CSS实现的图片宽高自适应固定边框

    这样,无论容器的宽度如何变化,图片的宽度都不会超过设定的最大值,同时保证图片宽度在容器宽度允许的情况下尽可能地宽。 在给定的代码片段中,通过设置图片的max-width为780px,结合width属性的百分比适应,可以...

    最全的CSS浏览器的兼容问题

    为了确保页面在不同分辨率下的布局一致,通常会使用`min-width`属性来设定页面的最小宽度。 1. **CSS样式**: ```css #container { min-width: 600px; width: expression(document.body.clientWidth ); } ```...

    web端设计规范

    通过设定合理的临界点,设计师可以在屏幕宽度发生变化时,调整页面元素的位置和大小,从而实现更佳的视觉效果和用户体验。 2. **栅格系统**:栅格系统是一种将页面划分成若干个等分区域的设计方法,通常以12列栅格...

    流式布局.pdf

    理想视口是为了使网站在移动端有最理想的浏览和阅读宽度而设定好的视口尺寸。 meta视口标签的主要目的:布局视口的宽度应该与理想视口的宽度一致,简单理解就是设备有多宽,我们布局的视口就有多宽。想要理想视口,...

    浅谈网页尺寸

    本文将从网页尺寸的基本概念出发,探讨不同设备和浏览器下的网页尺寸设置,并分析网页尺寸在实际应用中的重要意义。 #### 一、网页尺寸的基本概念 网页尺寸是指网页在显示时所占用的空间大小,通常用像素(px)...

    最佳网页宽度及其兼容实现方法

    首先,将网页的默认宽度设定为1024px,这是因为1024x768是目前最广泛使用的分辨率,而且这个宽度适合大多数网页布局需求,如三栏布局,同时避免过长的单行文本,防止阅读疲劳,同时考虑到带宽限制,避免大尺寸图片的...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    昆山工业技术研究院着眼于为委托用户和质检机构搭建良好的沟通桥梁,免去目前市场业务中企业用户需要实地地并频繁地与检测机构沟通,从而提出自己的委托乃至下委托单、等待检测报告等,设计并研发了市场上首款提供...

    爱软cms 登录页面psd

    "爱软CMS登录页面PSD"是一个专门针对爱软CMS系统设计的登录界面模板,适用于Photoshop CS4版本,分辨率设定为72DPI,尺寸为800像素宽度乘以550像素高度。这个设计不仅注重美观,还强调用户体验和交互性,旨在提供一...

    ASP.NET规范.doc

    - 屏幕分辨率推荐设置为800*600或1024*768,以确保网页在不同屏幕尺寸上的兼容性和可读性。 ##### 界面设计原则 - 风格统一是设计中的基本原则,确保所有页面具有一致的设计元素和布局,提升用户识别度和体验感。 ...

Global site tag (gtag.js) - Google Analytics