使用Foundation的单页移动应用程序视窗
Single page app viewport mobile using Foundation
我正在使用一个响应式网站的基础,并且只有当您通过我们的ng-include加载另一个页面时,一些移动设备才无法正确缩放视口。这会将新内容加载到页面中,然后页面宽度中断并需要水平滚动。
这种情况不会发生在某些设备上,比如Galaxy Note 3/4,但会发生在具有相同分辨率的设备上,比如iPhone 6 Plus。我确实有一个viewport属性和缩放集:
<meta name="viewport" content="width=device-width, initial-scale=1, target-densityDpi=device-dpi;">
当我为这个单页应用程序加载新的动态内容时,任何帮助弄清楚为什么不能正确缩放的原因都是非常感谢的。我不确定它是否相关(只是想到它),但我们也经常使用文档均衡器回流:
$(document).foundation('equalizer','reflow');
我需要添加最小和最大比例。虽然我没有测试它,但我想我只需要添加一个最大比例,因为内容从屏幕上流出。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 如何减少在移动网络应用程序上播放声音的延迟
- Meteor移动应用程序-嵌入式数据库
- 如何在telerik剑道移动应用程序中按下刷新数据源的按钮
- 移动登录应用程序
- jquery移动应用程序无法使用jquryMobile框架JS和css文件的相对路径
- 离子框架移动应用程序性能问题
- 在移动设备上按路径或名称获取二进制图像(Ionic / Ng cordova 应用程序)
- 移动照片库应用程序
- 尝试在移动优先应用程序中从 SQL 数据库获取数据时出错
- 我想在混合移动应用程序中使用Sqlite插件(Cordova)创建一个示例项目
- 地理位置不适用于苹果移动网络应用程序功能
- 移动网络应用程序:在多分辨率设备中使用同一组图像
- 在移动应用程序上滚动iframe会在某个时刻跳到页面顶部
- 在加载移动应用程序页面时调用Javascript函数
- Facebook在跨平台移动应用程序中的集成
- jquery.mobile-1.4.5.js:26未捕获类型错误:无法设置属性'移动'react应用程序
- 在web应用程序ASP.net中拖放和移动图像
- 将Facebook应用程序移动到新服务器,现在它坏了
- 正在将AngularJS应用程序移动到pushState