如何防止手机上的文字输入大小变化?

时间:2014-07-14 06:12:14

标签: css mobile input

所以我创建了一个页面,其中包含一堆文本输入,这些输入被排列成与它们位于顶部的图像的特定部分对齐。一切看起来都不错,但后来我使用Adobe Edge Inspect来查看我的ipad mini上的页面,很多文本框中没有对齐,特别是那些我从默认情况下大大改变了高度或宽度的文本框。作为一个测试,我制作了一个宽度与图像宽度相同的文本框,并且在ipad上确实足够了,文本框的宽度比图像宽。如何防止文本输入改变大小?

2 个答案:

答案 0 :(得分:0)

您需要为iOS设备设置视口,以便页面以正确的宽度加载,并且不会尝试包装任何内容。 https://developer.apple.com/library/ios/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

您可以从您的网页发布代码,以便我们可以帮助您解决问题吗?一个链接?

答案 1 :(得分:0)

想出来。我将边距和填充设置为零。显然,移动浏览器使用的填充或边距大小与桌面浏览器不同。