2 lfqyu lfqyu 于 2014.08.26 13:18 提问

手机端和移动端的样式不一样

如果用户用的是手机端,则高度为100,如果是平板则高度是200
请问如何区分是手机端还是平板或电脑端

2个回答

u013857991
u013857991   2014.08.26 15:40

height:auto 设置为自动,不可以吗

lfqyu
lfqyu 我试了,都不行
接近 4 年之前 回复
u013118328
u013118328   2015.08.09 16:35

先判断设备 后判断样式查询来写

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
手机端和pc端加载不同的样式
function loadCSS() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) { document.write(''); //al
修改select默认样式,移动端和pc端通用
废话不说,直接上代码 星期一 星期er 星期一 星期一 星期一
web页面一些移动端样式属性设置
web移动页面一些样式技巧
关于select样式重置和移动端网页添加meta标签的问题
select标签在各个浏览器的默认样式都是不一样的,要想重置样式,则给select加: appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;border: 1px solid #ccc;padding-right: 18px;background: url(images/select_arro
移动端css全局样式初始化
移动端css全局样式初始化
关于移动端布局和pc端写法
一:移动端准备工作<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><!-
移动端笔记系列2--移动端样式和布局的坑
前言 为了兼容各种手机系统的样式,我们需要重置一下移动端的样式。 关于样式为了统一页面的显示,所以要清除移动端各种手机或系统的默认样式,具体得看公司和产品的需求了,当然,没有什么要求的话只用normalize.css也是可以的,normalize的功能是保证各个标签在不同浏览器上的表现一致,不完全算重置。
CSS手机端和电脑端定位注意事项
1、用相对定位,即relative的时候,定位可以用padding-left,padding-right, padding-top,padding-bottom或者margin来实现。 2、用绝对定位,即absolute的时候,定位可以用left,right,top,bottom来实现 3、元素的显示可以用display,属性可以是none,用以不显示,可以是inline-block,用以行内
移动端css样式的心得
移动端隐藏scroll滚动条::-webkit-scrollbar::-webkit-scrollbar {/*隐藏滚轮*/ display: none; }CSS3自定义滚动条样式 -webkit-scrollbar 前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 演
移动端css样式设置
1、移动端字体定义 body{font-family: Helvetica;} 说明:在pc端,我们通常都会使用“微软雅黑”字体。但在移动端,ios、 android、winphone三大系统都没有“微软雅黑”字体。各手机系统都有自己的默认中文字体,且肉眼很难看出区别。所以在无特殊需求的情况下,直接使用系统默认中文字体就好。 英文和数字都设定为 Helvetica,三种系统都支持。而且,在i