diff --git a/after/syntax/css/css-device-adapt.vim b/after/syntax/css/css-device-adapt.vim
new file mode 100644
index 0000000..75edaeb
--- /dev/null
+++ b/after/syntax/css/css-device-adapt.vim
@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<\(min\|max\|user\)-zoom\>"
+syn region cssInclude start=/@viewport\>/ end=/\ze{/ skipwhite skipnl contains=css.*Prop,css.*Attr,cssValueInteger,cssValueLength,cssMediaKeyword,cssVendor,cssIncludeKeyword,cssComment nextgroup=cssMediaBlock
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index f9f53a0..a2d32f0 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -3,6 +3,7 @@ syn include @htmlCss syntax/css/css-align-3.vim
 syn include @htmlCss syntax/css/css-cascade-3.vim
 syn include @htmlCss syntax/css/css-cascade-4.vim
 syn include @htmlCss syntax/css/css-counter-styles-3.vim
+syn include @htmlCss syntax/css/css-device-adapt.vim
 syn include @htmlCss syntax/css/css-display-3.vim
 syn include @htmlCss syntax/css/css-flexbox-1.vim
 syn include @htmlCss syntax/css/css-font-loading-3.vim
diff --git a/test/test.css b/test/test.css
index 9ac24d2..e5abf8e 100644
--- a/test/test.css
+++ b/test/test.css
@@ -645,6 +645,12 @@
   var-foo: var(foo);
 }
 
+@viewport {
+  min-zoom: auto;
+  max-zoom: auto;
+  user-zoom: auto;
+}
+
 .will-change {
   will-change: scroll-position;
 }
diff --git a/test/test.html b/test/test.html
index 4bd6be4..86f2491 100644
--- a/test/test.html
+++ b/test/test.html
@@ -708,6 +708,13 @@
 }
 </style>
 <style>
+@viewport {
+  min-zoom: auto;
+  max-zoom: auto;
+  user-zoom: auto;
+}
+</style>
+<style>
 .will-change {
   will-change: scroll-position;
 }