我的手机实际分辨率1080x1920
然后我写了一个网页，用alert弹出一下结果：
window.outerWidth: 360
window.outerHeight: 471
window.innerWidth: 980
window.innerHeight: 1283
谁能帮我解释一下怎么回事？
手机浏览器的缩放问题，以及默认行为？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
梦在风中 2016-03-30 11:28关注手机的分辨率貌似和屏幕的宽度没有什么联系吧，分辨率的会影响比如图片一些的失真，渲染的时候颗粒度看起来比较清晰，使图片显得不真实
解决评论 打赏无用 1举报 分享
- 2015-12-16 03:14回答 3 已采纳 个人觉得并没有这个必要，刻意的去改变浏览器的大小，如果只是为了使自适应的页面布局不被挤压错位之类的需求的话，控制自己页面的最小高宽即可。当然，如果你是为了追求牛逼的技术的话，那就另当别论了。我只想说达
- 2022-07-07 14:29回答 2 已采纳 window.addEventListener('resize', () => { //监听浏览器窗口大小改变 //浏览器变化执行动作
- 2022-04-28 10:49回答 2 已采纳 先说这文字在上方的情况：label: {position: 'insideTopLeft ' }可以控制label在内部左上方，其它的我再试试看
- 2022-07-15 15:13糖不苦的糖是甜的的博客 解决浏览器页面缩放前端页面大小自适应改变的问题
- 2020-07-31 10:21回答 3 已采纳 可能是应为你的外层div用%做单位，登录注册为左浮动，当窗口变小时width同时变小导致外层div空间不够，使得内容无法浮动，不要用%去作为外层的div单位或者将内层的div也用%做单位，具体的原因需
- 2022-11-09 19:05回答 2 已采纳 html+css如何使网页缩放不影响网页变形可以运用这两个属性 @media 和 screen这个可以让你在不同的分辨率下显示不同的样式举例1234.abc{width:1200px;margin:
- 2020-10-14 14:56回答 1 已采纳 在iframe内容页面加载完毕，然后js获取iframe的内容高度。 在该页面 使用 window.parent.getElementById('divId').style.height=hegit
- 2022-02-28 21:38花乐晴的博客 @media (max-width: 1920px) and (min-width: 768px) { html { zoom: 80%; } @-ms-viewport { width: 1920px; } }
- 2022-12-09 23:14回答 2 已采纳 那 不应该 你默认 100%缩放正常吗
- 2019-01-19 11:46回答 3 已采纳 只要html,body和div 都设置 height: 100%;就可以始终自适应浏览器窗口的高度了，不需要js代码
- 2022-03-02 16:09回答 1 已采纳 你这是大屏吧,全屏不就完全展示了吗
- 2022-01-18 10:18加油小吃货的博客 @media (max-width: 1920px) and (min-width: 768px) { html { zoom: 90%; } @-ms-viewport { width: 1920px; } }
- 2023-01-30 16:37回答 1 已采纳 一个图800，两个图1600，你只要设置父元素宽度1600，超出直接overflow-x:scroll就可以了，这是最笨的办法，还有其他办法就是flex呗也行
- 2022-12-20 11:11熬夜胡萝北的博客 实现浏览器适配
- 2022-11-07 22:15王新焱的博客 说明：如果一张320*480的图片，放在iphone4里面，默认是满屏的，但如果定义了target-densitydpi=device-dpi，name图片只占屏幕四分之一，因为iphone4的分辨率是640*960。Chrome、Firefox、Edge、360浏览器、QQ浏览器...
- 没有解决我的问题, 去提问
