如何在特定的屏幕宽度上更改图像的填充?

山羊皮

我正在建立一个宽度为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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在特定的屏幕宽度上更改图像的填充?

来自分类Dev

如何更改图像宽度以填充所有容器,或将其居中对齐?

来自分类Dev

通过屏幕旋转更改图像宽度和高度

来自分类Dev

如何在父块的整个宽度上制作图像?

来自分类Dev

如何在悬停时更改图像

来自分类Dev

如何在GridView中更改图像?

来自分类Dev

如何在点击时更改图像

来自分类Dev

如何在GridView中更改图像?

来自分类Dev

在特定宽度上更改HTML列顺序

来自分类Dev

如何在图像视图中动态更改图像?

来自分类Dev

单击图像时如何在ListView中更改图像?

来自分类Dev

UITabBarItem更改图像的高度和宽度

来自分类Dev

仅更改图像的宽度(仅css)

来自分类Dev

使用Javascript更改图像宽度/高度

来自分类Dev

更改图像的高度和宽度-android

来自分类Dev

jQuery-自动更改图像宽度

来自分类Dev

根据屏幕尺寸更改图像src

来自分类Dev

在 Android 中更改图像填充颜色

来自分类Dev

在特定屏幕宽度上将儿童div居中

来自分类Dev

如何在SwiftUI中使VStack填充屏幕宽度

来自分类Dev

如何在xml中拉伸宽度布局以填充屏幕

来自分类Dev

如何在Titanium中更改图像的颜色?

来自分类Dev

如何在Github / Markdown中更改图像的大小?

来自分类Dev

如何在滑动时更改图像视图背景?

来自分类Dev

如何在opencv python中更改图像照明

来自分类Dev

如何在不同视图中更改图像/文件的路径?

来自分类Dev

CSS:如何在翻转时更改图像

来自分类Dev

如何在JS / HTML中添加更改图像的文本

来自分类Dev

如何在ng-repeat中单击更改图像?