diff --git a/components/status/StatusAttachment.vue b/components/status/StatusAttachment.vue
index 57418fb813..45aa8917e9 100644
--- a/components/status/StatusAttachment.vue
+++ b/components/status/StatusAttachment.vue
@@ -104,6 +104,7 @@ const userSettings = useUserSettings()
         controls
         rounded-lg
         object-cover
+        fullscreen:object-contain
         :width="attachment.meta?.original?.width"
         :height="attachment.meta?.original?.height"
         :style="{
diff --git a/unocss.config.ts b/unocss.config.ts
index ad68e32b18..0013a08492 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -9,6 +9,8 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 
+import { variantParentMatcher } from '@unocss/preset-mini/utils'
+
 export default defineConfig({
   shortcuts: [
     {
@@ -119,6 +121,7 @@ export default defineConfig({
         layer: 'native-mac',
       }
     },
+    variantParentMatcher('fullscreen', '@media (display-mode: fullscreen)'),
   ],
   rules: [
     // scrollbar-hide