首页
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
设计教程
css – 如何在Mobile Safari上修复奇怪的文本输入字段错误?
CSS
2020-09-06
在测试
this responsive design
我
正在进行
的工作时,我注意到
一个
奇怪的文本输入字段“宽度”
错误
将窗口推到Mobile Safari的右侧,我似乎无法理解.如果你在电脑上查看它,它会
显示
得很好.我已经在我的iPod和iOS模拟器上测试了这一点(所有设备上都出现了
错误
).有什么建议?
解决方法
因此,基本上,Mobile Safari和Desktop Safari具有不同的
默
认样式表.虽然你在宽度等方面做得很好,但你缺少的一件事是在输入上明确设置填充.猜测这是罪魁祸首(桌面Safari固有地使输入填充1px,可能在移动设备上
增加
几个px).我看到你正在使用-webkit-appe
ara
nce:none(nice),所以,只要你明确声明填充,你应该是好的.
相关文章
Css3如何实现鼠标移上变长特效?
Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效
Css3如何实现旋转移动动画特效