我正在建立一个宽度为1450像素的网站。
网站顶部的最大宽度为1450像素,右侧刷新了一个徽标,其后为一个1450像素的图像。
我想保持这种方式,但是当调整平板电脑或移动设备的屏幕大小时,徽标始终会一直刷新到右侧。
我想在徽标的右侧添加大约20px的填充,因此它不会冲到手机和平板电脑屏幕的边缘,而是使其与1450px图像对齐(并冲到图像的边缘)以用于台式机屏幕。
我该怎么做呢?
谢谢你的帮助。
这是我使用的代码,现在可以使用。(我需要余量,而不是填充,顺便说一句,因为填充实际上是在挤压图像的宽度)。
img.logo
{
width: 200px;
float: right;
padding-top: 20px;
padding-bottom: 20px;
}
@media all and (max-width: 1450px) {
img.logo
{
margin-right:20px;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句