今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——"表单中的input type=submit和input type=reset按钮在iPhone的safari浏览器下圆角有一个bug”很是疑惑,于是搜集整理一番,下面我来简单的描述一下这个bug的样子 自从完成上次iPhone的几个页面效果后,一直在没有制作iPhone的页面效果了,今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type=&q…

这是系统级别的问题,暂时无法解决. IPHONE的safari浏览器电话拨打,前两次点击拨打按钮,会正常弹出系统弹框包含(电话号码,取消,呼叫). 第3次往后,点击按钮会出现另一种系统弹框包含(已阻止此网站进行自动通话,忽略,允许通话).…

近排有公司同事出差在外需使用OA系统,发现iphone手机safari浏览器在该出现滚动条的页面没有显示滚动条,导致无法正常使用. 系统前端页面是采用jeasyui搭建的框架,使用iframe变更主页.于是,在iframe外层包一层div,添加样式:style="-webkit-overflow-scrolling:touch;overflow:auto;".       it works!…

iPhone safari浏览器中,input按钮会按苹果的默认UI来渲染,例如,写的按钮明明是这个样的: 但是实际就会是这个样子: 怎么办呢? 为按钮添加:-webkit-appearance: none; 即可解决!…

1 var date = new Date('2016-11-11 11:11:11'); 2 document.write(date); 最近在写一个时间判断脚本,需要将固定好的字符串时间转换为时间戳进行比较,在做的时候个人习惯使用chrome作为调试工具, 代码基本完成之后,一切正常: 使用其他浏览器访问,好嘛,IE跟safari都不兼容,返回错误"Invalid Date". 解决方案: 1 var arr = "2016/11/11 11:11:11".sp…

iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> Safari -> 高级 -> 开启web检查器 三.设置mac Safari -> 偏好设置 -> 高级 -> 勾选显示开发菜单 四.连接手机和电脑 1.用数据线,mac转接头把iphone和mac连接起来:2.打开iphone的Safari浏览器中需要调试的网页:3.打开ma…

现象:在做项目的过程中,使用window.open打开新窗口,在windows系统的ie,firefox,chrome浏览器上测试均没有问题,在苹果系统的safari浏览器上发现有些window.open可以打开选项卡,有些不可以打开 第一种可以打开选项卡 第二种则打不开选项卡 解决方案:百度发现"safari 中没办法在回调函数里面执行window.open, 原因是safari的安全机制将其阻挡了",解决办法就是在请求之前先打开一个空白窗口,在请求成功的回调函数里面:如果请求错误不…

一般禁止body滚动的做法就是设置overflow:hidden. 但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用,然后我分析了我的写法,就是在body上加了一个class去定义属性,然后改成标签的定位,如body{overflow:hidden;},这个实现是可以的,没有滚动条. 再进一步分析,如果要用class去实现没有滚动条,如下代码设置: .index_body { overflow-y: hidden;/*为了兼容普通PC的浏览器*/ height: 100%; positi…

网页中的select下拉列表,文字太长的话在iOS的Safari浏览器里会被自动截断,显示成下面这种: 安卓版的浏览器则没有这个问题. 如何让下拉列表中的文字在iOS的Safari浏览器里显示完整呢?答案是使用<optgroup></optgroup>标签.有关optgroup标签的作用可以查看w3school网站的说明. 正常select下拉列表的html是这样: <select id="sel_model" class="form-contr…

iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> Safari -> 高级 -> 开启web检查器 三.设置mac Safari -> 偏好设置 -> 高级 -> 勾选显示开发菜单 四.连接手机和电脑 1.用数据线,mac转接头把iphone和mac连接起来:2.打开iphone的Safari浏览器中需要调试的网页:3.打开ma…