H5开发
本话题发布H5开发相关的问答文章和技术分享，将持续更新，为您推荐了12篇问答，访问即可查看更多精彩内容。
-
1
回答
15浏览
真机调试时页面显示空白，但开发工具里没问题？
在做H5页面真机调试时遇到个怪问题：手机连接同一局域网访问开发服务器，页面直接显示空白，但用Chrome开发者工具模拟移动端却能正常显示。我试过清除缓存、检查网络请求，console里也没报错，但手机...
-
2
回答
12浏览
H5页面通过USB连接Android设备调试时，为什么无法在Chrome DevTools看到实时更新？
我在开发移动端H5页面时，通过USB将Android手机连接到Mac电脑，按教程在Chrome开发者工具启用远程调试。但修改代码后页面没变化，即使刷新也看不到最新内容。尝试过清除浏览器缓存、重启adb...
-
1
回答
43浏览
React用vw/vh布局时滚动条出现页面错位怎么办？
我在做移动端页面时用了100vh设置容器高度，但页面出现滚动条后底部元素就被截断了，试过calc(100vh - env(safe-area-inset-bottom))也不管用，求大神指点 比如这个...
-
1
回答
8浏览
H5开发 – WiFi调试时手机无法访问本地服务器，可能是什么原因？
我用手机连接同一WiFi后，访问本地服务器的http://192.168.1.3:8080一直显示网络错误。试过用内网IP和手机自带的局域网扫描工具，返回的ERR_CONNECTION_TIMED_O...
-
1
回答
53浏览
aspect-ratio设置后图片在移动端显示变形怎么办？
我在做移动端卡片布局时用了aspect-ratio属性，但图片总是变形。比如这个卡片： .card-container { aspect-ratio: 16/9; position: relative...
-
1
回答
43浏览
使用amfe-flexible后页面元素在不同手机显示比例不一致怎么办？
我在项目里用了amfe-flexible，按照文档设置了meta name="viewport" content="width=device-width,initial-scale=1"然后引入imp...
-
2
回答
77浏览
流式布局中元素宽度百分比计算不准确怎么办？
我在用流式布局做自适应页面时遇到了问题，设置了父容器宽度为百分比，但子元素的百分比宽度在不同屏幕下计算总是错位。 比如这样写结构： 内容 内容 内容 在手机横屏时三列能撑满，但竖屏时会溢出容器。试过加...
-
2
回答
56浏览
为什么用rem方案后移动端页面在不同机型下字体和间距错乱？
最近在用rem方案做移动端适配，按教程设置了html根字体大小，但发现iPhone 12和华为nova9的字体和间距显示完全不一样，1rem在nova9上显得特别大。 我按教程写了个动态计算函数： f...
-
1
回答
37浏览
iPhone底部Safe Area遮挡输入框怎么办？
开发聊天页面时，发现iPhone X以上机型的输入框总被底部Safe Area遮挡，试过设置padding-bottom: 34px但效果不稳定，有什么可靠的解决办法吗？ 之前用过这样的CSS：.ch...
-
2
回答
49浏览
rem方案中根字体大小动态计算后页面元素错位怎么办？
我按照教程用JS动态计算rem，但手机旋转屏幕后文字和图片比例不对，有时候文字太大或太小。 代码检查了好几遍没问题，是不是哪里漏了？比如这个计算函数： function setRem() { cons...
-
2
回答
56浏览
React项目中Android WebView调用JavaScript方法在部分机型失效？
在开发H5页面时遇到个奇怪问题，通过React组件调用Android WebView的JavaScript接口，在Android 10以下机型能正常触发，但到了Android 11及以上就直接失效了。...
-
2
回答
35浏览
flex布局子元素宽度无法自适应怎么办？
我在用flex布局排列表格时，希望子元素能根据内容自动调整宽度，但设置flex-wrap后每个元素都变成等宽了。 试过给子元素加flex: 0 0 50%，但内容多的时候还是会挤在一起。父容器设置了w...
