0
我正在使用HTML和CSS构建一个非常简单的网站。它由一个标题,一段文字和一幅图像组成。根据浏览器显示在不同地方的图像
当我在Chrome浏览器上查看该网站时,所有三个对象的位置都很完美。但在Firefox和Safari中,它们是混乱的。当我对这两者中的一个进行优化时,Chrome浏览器版本就会关闭。等
这里的CSS:
img {
position: fixed;
bottom: 280px;
right: 800px;
}
和HTML:
<img src="bob.jpg" height="50%" width="20%">
有一个比较简单的方法来解决这一问题?我可以根据浏览器指定位置 - 类似这样吗?
img {
position: fixed;
/* Chrome
bottom: 350px;
right: 925px;
/* Firefox
bottom: 200px;
right: 800px;
}
等
而第二个问题:我可以指定图像有什么属性,使文本始终在图像周围包裹,而不是在前面或后面的渲染?
谢谢!
请解释'fixed'位置的需要。 – Aziz
@Aziz没理由。你会建议我用什么来代替? –
请您分享一下布局应该如何的基本草图?使用'fixed'通常用于应该留在视口中一个位置的元素(粘滞) – Aziz