锤子3手机屏显图片变形怎么办

html-css027

锤子3手机屏显图片变形怎么办,第1张

锤子3手机屏显图片变形解决方法如下。

1、选择要矫正的照片,点击右上角“编辑”。

2、点击下方的“调整”小图标,根据图片变形的问题,选择上方的矫正方向。

3、拖动下方调整比例,点击右下角“完成”即可。

根据页面设计情况选择相应的参数,方法就是设计背景size参数

background-size:cover ,适用于上半部分背景图片,下半部分纯色

将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。

background-size:contain 适用于一屏幕,缺点屏幕宽度高度不一致,会有缝隙

将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。

background-size:100% 100%;

最简单粗暴的方法,缺点会给背景拉伸变形