当前位置:Gxlcms > html代码 > css实现DIV居低功能,但在手机的火狐浏览器上出现链接偏移_html/css_WEB-ITnose

css实现DIV居低功能,但在手机的火狐浏览器上出现链接偏移_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:8人阅读

很奇怪,在PC的火狐、IE浏览器和iphone的浏览器上都能正常使用

但在手机火狐浏览器打开时,页面布局显示虽然正常,但img的点击事件的位置却出现了偏移,即我要在原图片的位置再左上的位置点击才会触发onclick事件

CSS部分

BODY部分




回复讨论(解决方案)

把img的格式,设置成display=block试试看。。。

写的真有点?嗦。。。

忘记说了,手机上的网站,刚点击进去的时候,是正常的(即在底部,且点击按钮有效)

但如果内容多,往下拖动之后,就出现虽然还是在底部,但直接点击按钮没反应,可如果往按钮的左上位置点击却能触发按钮的事件

把img的格式,设置成display=block试试看。。。
试了下 还是不行

发现,如果设置 height:70px以上时,底部按钮触发事件的位置就会正常,而65px打下都不行,而我需要的是48


有一种情况,就是:我把table加到79px的且设置td的vlign为top时,他可以正常使用:例如下面的代码:前两个td可用,或两个不行,如果设置table的h为50的时候,4个都出问题

主页 返回 刷新 退出

那你得继续加油了,很抱歉的说,我帮不了忙了!!

移动端的开发,不太熟~~~

加油加油,

BUG效果还原成功,网址:
http://heavens.duapp.com/webpage/wapindex.jsp
这个刚点点的时候是没问题的,如果点击 跳到相同内容的页面就还原问题了[话说即使用超链接返回,问题还是存在]

有兴趣的朋友可以用拿火狐手机浏览器去测试下

把样式全脱了也还是这样 难道是FF的问题?
http://heavens.duapp.com/webpage/test.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> 	基本无样式的情况	    	   
返回
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
主页 返回 刷新 退出

是火狐的BUG问题- -!
http://mozilla.com.cn/post/59172/

人气教程排行