javascript – 视口大小更改时自动刷新页面

原文

我正在为我的网站使用响应式和自适应媒体查询来容纳智能手机……现在的问题是我的最大宽度移动查询以480px结束,这是大多数手机旋转的显示宽度(当手机侧面时… ).现在一些手机,如HTC欲望的最大屏幕宽度为533px,现在当用户首次在垂直位置(320px屏幕宽度)加载页面并且他/她旋转将屏幕旋转到533px宽度时,它超过了我的设计规格它看起来有点糟糕……(因为布局的最大值是480px ……)

现在解决这个问题的唯一方法是在视口尺寸改变后刷新页面.如何强制刷新？

谢谢

解决方法

如果设备旋转窗口调整大小. 
window.onresize = function(event)
{
document.location.reload(true);
}

javascript – 视口大小更改时自动刷新页面的更多相关文章

  1. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  2. HTML5调用手机发短信和打电话功能

    这篇文章主要介绍了HTML5调用手机发短信和打电话功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  3. Xcode：iPhone截图不再有效

    解决方法我没有针对您的问题的解决方案,但这是一个解决方法：使用设备制作屏幕截图.生成的屏幕截图将保存在设备上.要将屏幕截图传输到桌面,请不要使用慢速iPhoto或iTunes进行同步.而是使用Preview.app导入图像.文件菜单中有一个命令可以在iPhone连接时从iPhone导入图像.

  4. ios – 页面上有一个或多个错误.在itunesconnect上

    我正在尝试在iTunesconnect上传一个新的iOS应用程序版本,我不断收到错误页面上有一个或多个错误它突出了唯一的语言.请帮忙.并参考附图解决方法简而言之,必须将所有图像添加到“AppPreview和Screenshots”.我刚刚遇到这个问题,这个https://stackoverflow.com/a/38887524/795114的答案帮助我解决了这个问题.不知道为什么,但是当删除其他图

  5. xcode – 了解iPhone分辨率

    我正在使用phonegap将一个非常简单的html5页面导出到iphone应用程序并遇到这个愚蠢的问题.iPhone分辨率为960×640.当我将画布设置为那些尺寸时,它似乎太大了.这是为什么？我怎样才能利用iphone4的全高清功能.如果我将画布设置为较旧的iPhone,似乎画布适合全屏.将视口设置为这样的东西似乎有效,但是这会是性能损失吗？

  6. ios – Websockets可以在移动电话上工作吗？

    相关地,我怀疑长轮询客户端可能是实现类似功能的好方法,但我想知道我可能遇到的移动特定问题.到目前为止,我已经读过长时间的轮询请求可能会对电池寿命产生相当大的影响.我还听说iOS以某种方式限制了对单个服务器的连接数量,这可能是个问题.有没有人在使用实时组件的移动应用程序上工作？

  7. ios – 如何为此应用声明设备功能？

    我用iOS8.0及更高版本创建了应用程序.在应用商店中,兼容性：兼容iPhone5s,6,6s,6s和iPad……为什么iPhone4,4和5在兼容性列表中不可用,但app4适用于iPhone4,4和5,并且无法从带有iOS9.2.1的iPhone4s中的应用程序商店下载应用程序谢谢你的建议解决方法单击应用程序的顶级文件夹.它会将您带到一个具有常规,功能,资源标签,信息等的屏幕.在顶部.前两个选项卡可以包括电话必须能够支持的功能或最小iOS更新(通常).较旧的手机无法支持iOS9,这是默认设置.

  8. ios – 如何获取iPhone 5的手机信息塔数据？

    我正在尝试用我的iPhone5获取手机信号塔数据.我一直在使用VAFieldTest(https://github.com/valexa/VAFieldTest)进行测试.在第61行的文件VAFieldTestViewController.m(https://github.com/valexa/VAFieldTest/blob/master/Classes/VAFieldTestViewContr

  9. Xcode 4没有将iPhone识别为配置设备

    解决方法转到项目的“构建设置”,然后在右上角选择“全部”,然后确保iOS部署目标是4.2.然后构建,它应该工作.

  10. ios – App Store提交的最大屏幕截图数

    我正在研究找出将应用程序提交到iOS应用商店所需的元数据要求.在没有注册Apple开发者计划的情况下,我无法找到提交时允许的屏幕截图数量的任何信息.任何人都可以开导我吗？

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目，可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片，只需点击一下即可将其转换为 PDF 文件，感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现，如何实现爱心点赞功能，这篇文章主要为大家详细介绍了jquery点赞功能实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发，在项目中，经常会遇到上传图片后，需在一旁预览图片内容，怎么实现这样的功能呢？今天小编给大家分享AugularJs上传前预览图片的实现代码，需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念，例如类、对象、属性、方法等面向对象的术语，并以实例讲解各种术语的使用，非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是：文章插图太宽，使整个网页都变形了。如果对每个插图都先进行缩放再插入的话，太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部