html-一个关于DIV+CSS的手机兼容问题

问题描述

一个关于DIV+CSS的手机兼容问题 
 <li class=""dropdown open"">                              <a href=""product/"" class=""dropdown-toggle"" data-toggle=""dropdown"">                                PRODUCTS                                <b class=""caret""></b>                                </a>                             <ul class=""dropdown-menu"">                                 <li>                                    <a href=""product/product.php?lang=cn&amp;class2=46"">WOMEN</a>                                </li>                                 <li>                                    <a href=""product/product.php?lang=cn&amp;class2=47"">MEN</a>                                </li>                            </ul>                        </li>

这种结构在手机上面无法点击内层UL的文字

解决方案

我不是做前端的。但听说bootstrap很不错 你试试看

时间： 2024-12-31 21:27:54

html-一个关于DIV+CSS的手机兼容问题的相关文章

DIV+CSS中浏览器兼容方法及div+css的使用技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 相信很多的朋友在div+css的页面制作当中都会遇到这个问题,由于IE系列浏览器对于HTML标签和CSS样式表的解释与其他浏览器会有所区别,所以在制作页面的时候经常会出现一些小BUG,和网页错位等现象,下面站长好站为大家讲解一写,在div+css中如何兼容各大浏览器. 首先我们先要检查相应的HTML标签,如果你的标签错误,无论你如何修改CSS

div css javascript 浏览器兼容手册

div css教程 javascript教程 浏览器兼容手册 并不一定全,有的也可能不准确,比如新出的IE8.Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8.Chrome等,但都没来的及总结进去,后来就忘了...汗.大家一起慢慢完善吧. javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解决方法: 改用 document.f

DIV+CSS 全屏垂直居中的一个办法

全屏垂直居中的一个办法 DIV+CSS , 这个方面有一点不好, 就是不能自动适应,必须把高和宽写死! 例如下边的例子! 先定了一个点在中间,然后再把里边的这一块居中处理; <style> #info{height:0px; width:0px;top:50%; left:50%;position:absolute;} #center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300px;position:a

DIV+CSS网页布局和TABLE相比有哪些明显优势

DIV+CSS是网站标准(或称"WEB标准")中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种样式制作定位. div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离. div 是标签 css是层叠样式表(css样式) DIV CSS高级布局已逐渐流行,

DIV+CSS布局网页必须考虑的浏览器兼容的技巧

css|技巧|浏览器|网页 1,盒解释器的不同解释. #box{width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{width:600px!important //for ffwidth:600px; //for ff+ie6.0width /**/:500px; //for ie6.0-} 2,在ie中隐藏css,使用子选择器 html>body #box{ } 3,只有ie识别*html #box{ } 4,在ie/win有

如何做好div+css兼容

问题描述 近来设计一个网站,这div+css在不同浏览器下变化太大,怎么保证同样的效果啊 解决方案 http://www.aa25.cn/index.shtml这个网站不错,专门讲css+div的,lz可以学习学习.css+div其实不难的,和程序相比简单多了,只是你没有深入的去学,你找一个静态的模板页面,照着那个效果做一遍,并保证在任何浏览器效果一样,我想你自然会明白的,关键是多练习.解决方案二:首先保证doctype设置正确,否则浏览器(主要是ie)会处于"怪异"模式,很多css效

div+CSS 兼容小摘_经验交流

区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue; IE7,IE8兼容: <meta http

DIV+CSS网页兼容所有主流浏览器技巧（IE6/IE7/IE8/IE9/Firefox/Chrome）

CSS兼容常用技巧 请尽量用xhtml严格格式写代码,一定要加DOCTYPE声明,因为DOCTYPE影响CSS处理,影响W3C标准. 1.div中文字的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决方案是在这个div里面加上display:

五招解决Div+CSS网页兼容IE和FF

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 使用div+css建站的朋友一定都知道CSS兼容的问题.由其是初学者在IE环境下好不容易写出了一个像模像样的网站来,一拿到FF下就变样了.所以在这里建议新手写代码时切忌要在IE和FF两个环境下去测试.今天教大家五招方法完全可以解决浏览器兼容问题. 这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的. 第一招:给常用C