课程:
- 1、网页用到“相对定位”和“绝对定位”后改变分辨率错位的问题怎么解决
- 2、我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时候网页有一半显示不出来
- 3、css绝对定位分辨率错位咋办?
- 4、用绝对定位absolute;在ie8中显示的位置与其他浏览器的位置有偏差。这是为什么?
- 5、css+div定位,缩小浏览器的窗口,页面就乱了
- 6、怎么解决jquery绝对定位元素设置偏移,显示位置不对的问题
网页用到“相对定位”和“绝对定位”后改变分辨率错位的问题怎么解决
用绝对定位后.再取相对定位.当你的分辨率变化的时候,它总是取离窗口右边的5px 这样就不会有问题了.
我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时候网页有一半显示不出来
要想让网页在1024*768时居中,只要在网页原代码的body后紧加一句center,/body前加一句/center就OK了。不过有几个问题这是要注意一下,,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分,网页就会拉宽,这样网页可能会变形。在body中加入leftmargin=0,即body leftmargin=0这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
html
head/head
body topmargin=0 leftmargin=0
center
table cellspacing cellpadding width=760trtd/td/tr/table
/center
/body
/html
或者自动获取分辨率
!DOCTYPE html
html
head
meta charset="utf-8" /
title无标题文档/title
style
.abc{ height:300px; border:1px solid #000; margin:0 auto}
@media screen and (min-width: 1201px) {
.abc {width: 1200px}
}
/* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */
@media screen and (max-width: 1200px) {
.abc {width: 900px}
}
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */
@media screen and (max-width: 900px) {
.abc {width: 200px;}
}
/* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 */
@media screen and (max-width: 500px) {
.abc {width: 100px;}
}
/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */
/style
/head
body
div class="fec4-5e70-bc50-abd0 abc"DIVCSS5实例:我这个DIV宽度会随浏览器宽度变化哦,试试改变浏览器宽度/div
/body
/html
css绝对定位分辨率错位咋办?
css绝对定位肯定会出现错位的,如果想浏览器适应的话,可以给绝对定位加一个相对定位的父级
用绝对定位absolute;在ie8中显示的位置与其他浏览器的位置有偏差。这是为什么?
如果是其他浏览器都正常,唯独ie8,这个问题可能不是代码本身
是不是因为缓存问题,有时候缓存导致页面显示迟缓改变,去清理一下缓存试试
css+div定位,缩小浏览器的窗口,页面就乱了
要想缩小后出现滚动条,宽度就不能设为百分比(否则的话窗口缩小后它就按缩小后的窗口宽度来计算百分比了),而应该设为绝对值,比如通常都是设为990px的(如淘宝的详情页)。
此外还可以把百分比与绝对值相结合来使用,比如:
{width:90%; min-width:990px}
意思就是说:宽度按窗口的90%来算,但最小不能小于990像素
怎么解决jquery绝对定位元素设置偏移,显示位置不对的问题
jquery?
是css吧jquery写样式不麻烦的吗,你的绝对定位是根据body来的还是他父元素啊