简体   繁体   English

在某些移动浏览器上的网站巨大

[英]Website HUGE on some mobile browsers

I have this following website: http://woohooo.fortleet.com/ 我有以下网站: http : //woohooo.fortleet.com/

Everything is OK, except the site opens up HUGE on some mobile browsers/devices. 一切正常,但该网站在某些移动浏览器/设备上打开了巨大的显示。 This mainly happens on: 这主要发生在:

  • iPhone 6S (Safari and Messenger) iPhone 6S(Safari和Messenger)
  • Mozilla on Android (sometimes) Android上的Mozilla(有时)

Examples: 例子:

在此处输入图片说明 在此处输入图片说明

I have NO IDEA what could cause this. 我不知道是什么原因造成的。 I don't have any scripts handling the height of elements, all sections are set to be 100vh. 我没有任何处理元素高度的脚本,所有部分都设置为100vh。

Any ideas? 有任何想法吗?

vh is buggy in many mobile browsers, especially in IOS. 在许多移动浏览器中, vh都是错误的,尤其是在IOS中。
There is a js library to fix this: https://github.com/rodneyrehm/viewport-units-buggyfill 有一个js库可以解决此问题: https : //github.com/rodneyrehm/viewport-units-buggyfill

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 网站可以在某些浏览器中运行,但不是全部 - website works in some browsers but not all 如何在移动浏览器的网站上添加pdf查看器 - How to add pdf viewer to website for mobile browsers jQuery在某些Mobile / IE浏览器上选择更改 - jQuery select change on some Mobile/IE browsers jQuery Mobile Beta 1现在将页面显示为移动浏览器中的普通网站吗? - jQuery Mobile Beta 1 now shows the page as a normal website in mobile browsers? 使用某些浏览器查看时加载网站的移动版本 - Load mobile version of website when viewing with certain browsers 在某些移动浏览器上无法通过javascript播放音频 - Audio is unable to play via javascript on some mobile browsers 某些移动浏览器中HTML5 Canvas的性能问题。 - Performance problems with HTML5 Canvas in some mobile browsers. 兼容性-我的网站在移动设备方面存在一些问题 - Compatibility - my website have some issues with mobile 手机中的某些文字内容在手机上显得更大? - Some Text content in the Website appears bigger on the mobile? 修复我网站中不同浏览器的文本大小不一致问题,特别是移动浏览器(尝试过 reset.css 和多种字体格式) - Fixing text size inconsistancies in my website for different browsers, specificly mobile browsers (Tried reset.css and multiple font formats)
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM