javascript - 怎么解决响应式的问题?

问题描述

问 题

为什么在手机上浏览的webapp网页还可以往左边再那么多?body不是只有屏幕的宽度吗?而且我写的内容也没有超出啊?这怎么解决呢?

解决方案

在设置body为100%的同时 你也必须得设置html为100%

html,body{ width: 100%; height: 100%;}

这个是整个文档的初始化宽高度 后面的子级都是按照这个数据设置 才可以实现全屏效果 如果你只设置body是不行的

这个问题解决了之后 来说说你的界面（@——@）
字体确实有点丑
估计页面还没有做完
然后有的bug就是
你这个页面刚进去 或者连续刷新页面的话

这部分
会显示{{}} 应该是你要获取数据 没有数据的时候会显示这个 这个是angular里边最常见的一个问题

但是这个问题 还是希望你可以解决好

1. 添加ng-cloak

2. 还有就是获取数据的时候用ng-if判断一下,有的话显示,没有的话不显示

这篇关于javascript - 怎么解决响应式的问题?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！