在线等急求！！！关于手机端网页横竖屏的问题

Thooms 2015-07-14 02:33:07

http://sandbox.runjs.cn/show/phda7t8f
就是这个网址在谷歌上做测试的时候，横竖屏浏览没有问题，可是用真手机（苹果）去测试的时候发现，竖屏的时候网页会自己放大，而且显示不完全这个网页，等于不是100%显示网页，这是为什么？可否帮忙看看

...全文

115 1 打赏收藏举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Thooms 2015-07-14

打赏
举报

回复

没人帮忙看看吗？

相关推荐

让移动端网页强制横/竖屏

横竖屏的需求由来横竖屏问题主要来源于移动端 iPhone、Android、以及 iPad这些设备中。有时候，我们的前端网页不仅要求在竖屏的情况下能够完美的展示，而且要求我们在横屏的情况下也有不错的网页展示效果。为了达到这个需求，就要求我们在不同情况下（横屏、竖屏）进行界面适配，通常是样式适配。横竖屏事件移动端的横竖屏事件是 orientationchange 事件。一般的使用方式是：window.a

一、需求：第一步：判断是网页端还是手机端 第二步：判断手机端，手机是横屏显示还是竖屏显示二、解决方法：监听网页端还是手机端 监听显示页面宽高变化三、代码如下： methods: { _isMobile() { let flag = navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|

上一次说过了 H5移动端横竖屏切换监听的写法。横竖屏监听代码如下，这里就不做详细说明了。

我们做出来的H5页面在手机端浏览的时候，用户很有可能会产生更换横竖屏的操作，这时如果我们能够判断出横竖屏，就可以更好的优化我们的网页，进而拥有更好的用户体验度。下面是判断横竖屏的代码： window.addEventListener('orientationchange', function(event){ if ( window.orientation == 180 || wi...

发帖

8.7w+

社区成员

22.4w+

社区内容

Web 开发 JavaScript

社区管理员

加入社区

帖子事件

创建了帖子

2015-07-14 02:33

社区公告

暂无公告