Comments (4)
Sorry, I deleted my comment by mistake.
try to add code to root layout.tsx
export const viewport: Viewport = { width: 1920 }
But I don't know how to initialize viewport tag to none.
from next.js.
Hi, initial-scale
set to 1 will not harm since it is the default value.
Since the default value is mapped internally, you cannot explicitly remove it from your source.
next.js/packages/next/src/lib/metadata/default-metadata.tsx
Lines 6 to 15 in 65d699e
Also, it is recommended to follow the Codemods so that you don't need to explicitly export viewport
.
ref: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#use-viewport-export
from next.js.
I recently upgraded vercel version and didn't realize that the viewport for metadata was deprecated. Thanks for letting me know🙏 @ttaerrim
When I applied it as you suggested, it looks like <meta name="viewport" content="width=1920, initial-scale=1">
, but can't I remove the ,initial-scale=1
?
from next.js.
Actually, what I'm working on now is to show the desktop in 1920 width on the mobile screen. Before upgrading nextjs, it was <meta name="viewport" content="width=1920" />
and it worked as I wanted, but now it doesn't work when it's set to <meta name="viewport content="width=1920, initial-scale=1" />
.
The default value of initial-scale is 1, but I figured that its presence had an impact, so I set initial-scale to -1 and it worked fine.
Thank you for your kind explanation and help in resolving the issue.
from next.js.
Related Issues (20)
- Docs: localized sitemap example is broken HOT 5
- Docs: Add `Component` to structure HOT 3
- Invoking redirecting action causes runtime client errors HOT 1
- Invoking redirecting action can cause runtime client error due to type mismatch HOT 1
- OpenTelemetry: root context is used aggressively when no active span available HOT 1
- Framer Motion exit/initial animations fail on Partial Prerendering HOT 1
- `loading.tsx` cannot be displayed properly in parallel routes. HOT 4
- Turbopack & Pages Router: Winston TypeError: __TURBOPACK__commonjs__external__winston__.default.createLogger is not a function HOT 2
- Memory Leak in Edge Runtime
- The link to vercel youtube is not working HOT 1
- TypeError: Cannot use 'in' operator to search for '__next_img_default' in undefined HOT 9
- Unused server actions have endpoints created for them HOT 7
- `trailingSlash` setting not honored for next/image with placeholder="blur" HOT 1
- Next (Local) Font not being rendered on Safari iOS HOT 1
- Docs: Lear Next.js (Basic course)
- `webpack-hmr` never loads when `assetPrefix` is non-empty string HOT 1
- `webpack-hmr` never loads when `assetPrefix` is non-empty string
- Docs:
- approuter app\default is ignored after build HOT 1
- app\default is ignored after build HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next.js.