css - 如何设置放大的响应图像？

Question

例如，我有一个 1920 年的 png Logo ，中心的 Logo 带有一条底线，一直延伸到图像的末尾...在桌面 View 中非常适合查看...但是当它进入媒体时，图像缩小了，所以图像中心的 Logo 变得太小了。这是示例。

桌面 View

在移动设备上

所以我的问题是，有什么方法可以使图像的中心部分在媒体设备上可缩放吗？

Answer 1

在这种情况下，您可以使用 css3 属性。
示例:

.logo {
   -webkit-transform: scale(1.5);
    transform: scale(1.5); /* you can change the value also */
   -webkit-transform-origin: center;
    transform-origin: center;
}

将此代码用于移动设备视口(viewport)..