移动网站拉长
[英]Mobile website stretched
问题描述
http://demo.dev.rbmleads.com/personalloan/v10/
我制作了工作表单的移动版本，但不知道为什么会这样拉伸。 应该看起来像这样：
但是它看起来像这样：
我以为这是一个杂散元素，其中包含，但所有元素都设置为auto或％。 任何想法？ 谢谢。
3 个解决方案
解决方案1
3 2014-01-17 17:43:31
您是在声明viewport元标记吗？
将此添加到您的<head> ：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
如果需要禁用缩放：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
解决方案2
2 已采纳 2014-01-17 17:39:00
确保设置了meta标签
<meta name="viewport" width="device-width" />
这会使您的100％接近100％
您还可以设置其他一些参数，例如初始缩放和高度，但我认为此宽度将解决您的问题
编辑：您可以尝试的另一件事是查询宽度并设置字体大小
一些较少的示例：
html,body{
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 16px;
@media only screen and (max-width : 600px) {
font-size: 11px;
}
}
基本上，这会将您的基本字体在手机上设置为16px，在桌面上设置为11px。
解决方案3
1 2014-01-17 17:47:07
也许只是分辨率，请在Firefox中尝试Ctrl + Shift + M 。 还要设置<meta name="viewport" content="width=device-width, initial-scale=1.0">并使用比例尺。
您的沙箱无法访问，因此很难找到问题。
在手机上伸展按钮
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.