手机屏幕横屏以后再竖屏元素定位变了

这是因为屏幕横屏和竖屏的宽高比例不同，导致元素的位置和大小会发生变化。解决这个问题的方法是使用CSS媒体查询，在不同的屏幕宽度下设置不同的样式。例如：

@media screen and (max-width: 768px) {
  /* 在宽度小于等于768px的屏幕上应用这些样式 */
  .element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 769px) {
  /* 在宽度大于769px的屏幕上应用这些样式 */
  .element {
    position: absolute;
    top: 10px;
    left: 10px;
  }
}

在这个例子中，`@media` 媒体查询用于区分不同屏幕宽度下应用的样式。当屏幕宽度小于等于768px时，`.element` 元素将被定位在屏幕中心；当屏幕宽度大于769px时，`.element` 元素将被定位在左上角。你可以根据实际情况修改这些样式，确保你的页面在不同屏幕宽度下都能正确显示。

相关问题

电脑快捷键横屏变竖屏_电脑屏幕横屏与竖屏之间怎么来回切换？

切换电脑屏幕横屏与竖屏有多种方法，以下是其中几种常见的方法：

1.使用快捷键：按下 Ctrl + Alt + 方向键（左或右）可以快速地切换电脑屏幕的方向，从横屏切换到竖屏，或者从竖屏切换到横屏。

2.使用操作系统设置：在 Windows 操作系统中，可以通过在桌面上右键单击，选择“显示设置”，然后在“方向”下拉菜单中选择“横向”或“纵向”来更改屏幕方向。在 Mac 操作系统中，可以通过点击“系统偏好设置”中的“显示器”图标来更改屏幕方向。

3.使用显卡驱动程序：一些显卡驱动程序提供了快速切换屏幕方向的功能。例如，在英特尔显卡驱动程序中，可以通过在系统托盘中找到英特尔显卡图标，右键单击，选择“图形选项”，然后选择“方向”来更改屏幕方向。

希望以上方法能够帮助你快速地在电脑屏幕横屏与竖屏之间切换。

ffmpeg 横屏变竖屏模糊背景

要使用ffmpeg将横屏视频变成竖屏并模糊背景，首先需要安装并配置好ffmpeg。然后，通过以下步骤实现：

1. 使用ffmpeg命令将横屏视频转换为竖屏。可以通过命令`ffmpeg -i input.mp4 -vf "transpose=2" output.mp4`来实现，其中transpose=2表示将视频逆时针旋转90度。
2. 接下来，需要模糊背景。可以利用ffmpeg中的滤镜来实现。可以通过命令`ffmpeg -i output.mp4 -vf "gblur=sigma=20" output_blurred.mp4`来进行背景模糊处理，其中gblur表示高斯模糊效果，sigma=20表示模糊强度，数值越大模糊程度越高。
3. 最后，将模糊背景的视频和原视频叠加在一起。可以通过命令`ffmpeg -i output.mp4 -i output_blurred.mp4 -filter_complex "[0:v][1:v]overlay=(W-w)/2:(H-h)/2:enable='between(t,1,5)'" final_output.mp4`来实现，其中overlay表示将两个视频叠加在一起，通过调整参数可以控制模糊视频的位置和显示时间。

通过上述步骤，我们就可以使用ffmpeg将横屏视频转换为竖屏并且添加模糊背景效果。希望这些步骤能够帮助到您。