CSS绝对定位在宽屏分辨率下错位
来源:互联网 发布:索爱k750软件 编辑:程序博客网 时间:2024/04/30 07:10
网页兼容测试,除了做不同浏览器兼容的测试,还要观察网页在不同分辨率下的表现情况。
在页面中使用了CSS绝对定位,发现在宽屏下错位。随后测试非1024*768分辨率,都有很严重的错位情况。
最后找出了原因,CSS绝对定位是相对于紧邻最近的上级元素的位置,一开始我理解为浏览器左上角,这样在不同分辨率下就会出问题,用position:relative; 声明一下参考的固定位置就OK了。
如下面这段其中Top,Left都是指相对div.contentArea的位置。
页面Html
相关CSS定义
说一下,分辨率兼容测试方法,由于我现在用的是标准4:3屏幕,一开始走了弯路,想找一款宽屏模拟软件。其实不用那么麻烦,只要调整显示器属性的分辨率,就是进行分辨率兼容测试了。
如果一定要用软件,可以用Firefox的Web Developer插件,这个插件可以模仿不同分辨率下的显示效果,向下兼容,也就是说只能模仿比显示低的分辨率,显示器是1024*768,只能向下显示800*600的网页状态。
不管如何,Firefox的确是调试网页好帮手,上次我就用它查看404页面的返回状态,很不错。
- CSS绝对定位在宽屏分辨率下错位
- CSS中的绝对定位
- CSS 绝对定位
- CSS 绝对定位
- CSS中的绝对定位
- css-绝对定位
- css 绝对定位
- CSS 绝对定位
- [读书笔记]CSS绝对定位
- css绝对定位
- css 绝对定位居中
- css的绝对定位
- CSS 绝对定位
- css绝对定位
- CSS 绝对定位
- css-绝对定位
- CSS相对定位绝对定位
- CSS定位之绝对定位
- 打开文件框简单应用
- WEB服务器、应用程序服务器、HTTP服务器区别
- GIT-CORE的使用心得
- 设计模式思想
- 重叠IO模型之完成例程示例
- CSS绝对定位在宽屏分辨率下错位
- 从左到右的流水灯http://blog.163.com/paulucy@126/blog/static/949302822009112410354855/
- IO 输入与输出(5)-- 过滤流和包装类
- 使用WinInet从HTTP服务器下载信息--Downloading from an HTTP Server using WinInet
- linux下C语言多线程编程实例及讲解
- C++的公有继承
- 配置terracotta高可用集群
- 在zend studio中配置debug调试环境
- 网站开发的技术和思想的思考