Vic*_*ira 31 html css mobile em responsive-design
我刚刚完成了对新项目的设计和编码.但我需要它在移动设备上运行良好.我将屏幕大小调整为350~400px宽度,并开始编码并添加一些媒体查询.在redimensioned浏览器中看起来很棒.我已经削减了一些元素和功能,一切都很好......直到我用智能手机测试它
屏幕不大.不到4'(大概3.5).我在代码中添加了一些警报,并意识到其宽度为980px.几乎比调整大小的浏览器测试大3倍.
一切都太小了.其他的东西都很棒:媒体查询正在运行,我在代码中所做的削减也可以,但你几乎看不到我手机中的内容.这当然不是我想要的.
我希望它看起来像一个应用程序,实际上它看起来像是一个在redimensioned浏览器上的应用程序.
如何创建响应式网站来处理这样的问题？
我读了一些关于使用EM(还有一些新的称为REM)单元的东西,但我仍然对此非常困惑.我是否必须将所有内容更改px为em？
而且我知道你可以font-size在html或body标签中设置,所有其他元素都将从它们继承.这是一个approch？你平常都做什么？有诀窍吗？我没有使用bootstrap,也没有使用任何其他前端框架
Spo*_*ock 66
您可以尝试添加viewport <meta>标记:
<meta name="viewport" content="width=device-width, initial-scale=1">
| 归档时间： |
|
| 查看次数： |
12532 次 |
| 最近记录： |