{"_id":"@ansstory/fit-screen","_rev":"6-5f96cdacebbcd19a7c2af1c40f9b8ade","name":"@ansstory/fit-screen","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"@ansstory/fit-screen","version":"0.0.1","keywords":["story,fit-screen"],"author":{"name":"安生 story","email":"story0809@163.com"},"license":"MIT","_id":"@ansstory/fit-screen@0.0.1","maintainers":[{"name":"ansstory","email":"story0809@163.com"}],"dist":{"shasum":"c99cb9b721cca5a2f4c48f6d5f5e7dcb3a3c46da","tarball":"https://registry.npmjs.org/@ansstory/fit-screen/-/fit-screen-0.0.1.tgz","fileCount":5,"integrity":"sha512-/xq0LdgI3vN08X80LtYI77lTRJmcwj5VKtPWMTuUwVM+x8hxS7R71E3PHRTEghBnsxm8YH7/CIa8kr06OlD0PA==","signatures":[{"sig":"MEYCIQDzNB1ehxAiUsyN5ofSuWp7mCfA6i14dYDEnHN/QYdlyAIhAOnpAgBdjowC6OePW79314d0aBy1RUZpCYnMIMdycw9Z","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11548},"main":"dist/fit-screen.es.js","type":"module","volta":{"node":"18.20.5"},"module":"dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","build:npm":"vite build --mode npm","build:npm-w":"vite build -w --mode npm"},"_npmUser":{"name":"ansstory","email":"story0809@163.com"},"_npmVersion":"10.8.2","description":"```bash\r npm i fit-screen\r ```\r script\r ```js\r import { autoScale } from 'fit-screen'\r const option = {\r   width: 1920,\r   height: 1080,\r }\r // 在页面加载后调用并传入需要缩放的元素和宽高\r autoScale('.screen-content', option)\r ```\r html\r ```html\r <div style=\"width: 100vw; heig","directories":{},"_nodeVersion":"18.20.5","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","rollup-obfuscator":"^4.1.1"},"_npmOperationalInternal":{"tmp":"tmp/fit-screen_0.0.1_1757922525599_0.005769648611721356","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@ansstory/fit-screen","version":"0.0.3","keywords":["story,fit-screen"],"author":{"name":"安生 story","email":"story0809@163.com"},"license":"MIT","_id":"@ansstory/fit-screen@0.0.3","maintainers":[{"name":"ansstory","email":"story0809@163.com"}],"dist":{"shasum":"9475296a3b40d6acac2baea9ad7fa08a739834d8","tarball":"https://registry.npmjs.org/@ansstory/fit-screen/-/fit-screen-0.0.3.tgz","fileCount":5,"integrity":"sha512-FeaXbrwcs6R19SFSLHabhHUYL82BfTAYTomN9EeJPPRQvjxWbXkSRjI3+Y+hsUXMex5PDR+bzSXXSPwL6AHHBA==","signatures":[{"sig":"MEQCIDRROAtfXZqCqXm3ZzewMJ+SNuKn0ngLyoampsrLxXH4AiBvEKdLRPnme7O0FRgH0FTupBaMAE1IV0U1ANMh50NtbQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13510},"main":"dist/fit-screen.es.js","type":"module","volta":{"node":"18.20.5"},"module":"dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"484e7aa8ebc2f793b7b58471535d461e0511855f","private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","build:npm":"vite build --mode npm","build:npm-w":"vite build -w --mode npm"},"_npmUser":{"name":"ansstory","email":"story0809@163.com"},"_npmVersion":"10.8.2","description":"script","directories":{},"_nodeVersion":"18.20.5","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","rollup-obfuscator":"^4.1.1"},"_npmOperationalInternal":{"tmp":"tmp/fit-screen_0.0.3_1757923203198_0.9804289431495998","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@ansstory/fit-screen","version":"0.0.4","keywords":["story,fit-screen,scss"],"author":{"name":"安生 story","email":"story0809@163.com"},"license":"MIT","_id":"@ansstory/fit-screen@0.0.4","maintainers":[{"name":"ansstory","email":"story0809@163.com"}],"dist":{"shasum":"53538626386eaacafee8ee3e907f0d2ea460f5f8","tarball":"https://registry.npmjs.org/@ansstory/fit-screen/-/fit-screen-0.0.4.tgz","fileCount":6,"integrity":"sha512-3xGANo7DOBMo7v0nX9ZyBhhRdktQp1QyGcQhcGkxpaHDVNLjyazhUMxpDp/rOwckohhwl11sM7JvBUJmwTSl4A==","signatures":[{"sig":"MEUCIFuoP+FSstMxUNDHEOnbSDL4X+QeSbZKChukKOaCwBm/AiEAhokvXjhRotJltmnSYPUv3tgRpD37+k4Vr1nRopVsnhU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18742},"main":"dist/index.es.js","type":"module","volta":{"node":"18.20.5"},"module":"dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./style/screenScssUtil/index.scss":"./style/screenScssUtil/index.scss"},"gitHead":"8eb216f2ccd77265079a380eb6942143c0cc2399","private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","build:npm":"vite build --mode npm","build:npm-w":"vite build -w --mode npm"},"_npmUser":{"name":"ansstory","email":"story0809@163.com"},"_npmVersion":"10.8.2","description":"script","directories":{},"_nodeVersion":"18.20.5","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","sass-embedded":"^1.92.1","rollup-obfuscator":"^4.1.1"},"_npmOperationalInternal":{"tmp":"tmp/fit-screen_0.0.4_1758188395145_0.0559868412890181","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@ansstory/fit-screen","version":"0.0.5","private":false,"main":"dist/index.es.js","type":"module","scripts":{"dev":"vite","build":"vite build","build:npm-w":"vite build -w --mode npm","build:npm":"vite build --mode npm","preview":"vite preview"},"module":"dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./style/screenScssUtil/index.scss":"./style/screenScssUtil/index.scss"},"keywords":["story,fit-screen,scss"],"author":{"name":"安生 story","email":"story0809@163.com"},"description":"script","license":"MIT","volta":{"node":"18.20.5"},"devDependencies":{"rollup-obfuscator":"^4.1.1","sass-embedded":"^1.92.1","vite":"^6.1.0"},"_id":"@ansstory/fit-screen@0.0.5","gitHead":"8eb216f2ccd77265079a380eb6942143c0cc2399","_nodeVersion":"18.20.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-y3RW8J/Mc4LWgeXg+GXZQspJskckTkDOELEJyEbwqAK94hsEpwXhkmygkQ4YONlM7xi7v8uSQK2TMrYVFkLvbQ==","shasum":"88f5af36fd8cdcf8f05f405c91f16dfed05185aa","tarball":"https://registry.npmjs.org/@ansstory/fit-screen/-/fit-screen-0.0.5.tgz","fileCount":6,"unpackedSize":18113,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD4qEoTF3UKYVALkekngUUBNfan0VOS/A5eISV6TAwBMgIgA7sAgFcQ1lH+7CHidO45y9BVXZT+TW3A2S12ZVSpHac="}]},"_npmUser":{"name":"ansstory","email":"story0809@163.com"},"directories":{},"maintainers":[{"name":"ansstory","email":"story0809@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/fit-screen_0.0.5_1758190146947_0.34852000129326166"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-15T07:48:45.507Z","modified":"2025-09-18T10:09:07.313Z","0.0.1":"2025-09-15T07:48:45.781Z","0.0.2":"2025-09-15T07:55:53.895Z","0.0.3":"2025-09-15T08:00:03.371Z","0.0.4":"2025-09-18T09:39:55.333Z","0.0.5":"2025-09-18T10:09:07.118Z"},"author":{"name":"安生 story","email":"story0809@163.com"},"license":"MIT","keywords":["story,fit-screen,scss"],"description":"script","maintainers":[{"name":"ansstory","email":"story0809@163.com"}],"readme":"## 使用说明\r\n\r\nscript\r\n\r\n```js\r\nimport { autoScale } from '@ansstory/fit-screen'\r\nconst option = {\r\n  width: 1920,\r\n  height: 1080,\r\n}\r\n// 在页面加载后调用并传入需要缩放的元素和宽高\r\nconst { updateOptions, removeResize } = autoScale('.screen-content', option)\r\n// 更新Option\r\nupdateOptions(option)\r\n// 移除resize监听\r\nremoveResize()\r\n```\r\n\r\nhtml\r\n\r\n```html\r\n<div style=\"width: 100vw; height: 100vh; overflow: hidden; background-color: #09233f\">\r\n  <div class=\"screen-content\" style=\"background: #09255f\">\r\n    <button>全屏切换</button>\r\n  </div>\r\n</div>\r\n```\r\n\r\n# 其他方法\r\n\r\n```js\r\nimport { openFullscreen, exitFullscreen } from '@ansstory/fit-screen'\r\nlet isFullscreen = false\r\nconst btn = document.querySelector('button')\r\n// 打开退出全屏 返回是否全屏\r\nbtn.addEventListener('click', () => (isFullscreen = isFullscreen ? exitFullscreen() : openFullscreen()))\r\n```\r\n\r\n# scss 方案\r\n\r\n```scss\r\n@import '@ansstory/fit-screen/style.screenScssUtil/index.scss';\r\n// 或者\r\n@use '@ansstory/fit-screen/style.screenScssUtil/index.scss' as *;\r\n$designWidth: 1920; // 设计稿宽高 默认1920\r\n$designHeight: 1080; // 设计稿宽高 默认1080\r\n.box {\r\n  width: vw(100);\r\n  height: vh(100);\r\n  background: #09255f;\r\n}\r\n```\r\n","readmeFilename":"README.md"}