移动响应

时间:2018-04-06 17:47:40

标签: responsive-design

我正在为客户开始登陆页面。我已经做出了响应,但是当我在手机上打开它时,它弹出很大并切断了页面。我必须捏住屏幕并缩小才能获得完整内容。如何在没有缩小的情况下将其编码到100%的位置?

2 个答案:

答案 0 :(得分:0)

是否使用CSS Media Queries或Boostrap框架,它将为您提供添加到HTML元素的预定义类,以便它们适应不同的屏幕尺寸。

答案 1 :(得分:0)

仔细检查页面上是否有任何图像,div或其他元素的硬编码宽度。而是尽可能使用相对大小,例如width: 50vw;。有时也需要设置max-widths,例如max-width:100%;

根据Blueware之前的建议,媒体查询将帮助您根据视口或窗口大小设置样式。

同时检查您的页面标题中是否包含viewport meta tag

<head>  
....  
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
</head>

如果仍然没有喜悦,请发布一些代码或网址。

祝你好运!