手机版css样式,css适配手机

我是做网页设计的，UC浏览器手机版是不是不支持很多css样式呢

不支持font-family属性，也就是说，在UC浏览器你只能看到一种字体；

不支持font-szie属性，也就是说，在UC浏览器你只能看到一样大小的字体；

不支持width、height、padding、margin、line-height属性，也就是说，在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔；

不支持固定像素的宽度，100%显示页面，也就是说，在UC浏览器始终将看到的是“满屏的”；

不支持浮动、层叠布局，float和position属性无效，也就是说，在UC浏览器你只能看到“左对齐”。

支持background-color，但不支持background-image，也就是说不支持CSS背景图显示，在UC浏览器你只能看到背景色。

不支持padding margin border line-height strong ul li float

但是，看百度：

2015年7月，UC浏览器发布新版10.6版本，开创第三代浏览器新纪元。

UC浏览器拥有独创的U3内核和云端架构，完美地支持HTML5应用。

如今的UC比起以前好很多，已经可以不用担心不支持的问题了。

相关问答

Q1: 自适应手机屏幕的css样式 怎么写 改添加在哪里？

不是随便添加句话就可以自适应手机屏幕的，没这么简单。如果要自适应手机，是要用到rem单位的，然而rem又要搭配媒体查询来使用。

例如你的设计稿如果是宽720px的话，那你的文字就要以原始大小除以11.25，例如16px的话就要16/11.25这样来计算。我的意思是不用像素，用rem,因为px是写死的，rem是可以适应手机端的（包括盒子的宽高都是要以rem来计算）。另外，用之前要把下面这段代码放到你css文件里：

@media only screen and (max-width: 1080px) {

html, body {

font-size: 16.875px;

}

}

@media only screen and (max-width: 960px) {

html, body {

font-size: 15px;

}

}

@media only screen and (max-width: 800px) {

html, body {

font-size: 12.5px;

}

}

@media only screen and (max-width: 720px) {

html, body {

font-size: 11.25px;

}

}

@media only screen and (max-width: 640px) {

html, body {

font-size: 10px;

}

}

如果宽是720，就除以它相对应的那个值，如果是宽960，就除以960相对应的那个值，这么说应该可以明白吧。

纯手打，望采纳~

Q2: 修改discuz手机触屏版的css样式要修改哪里?

打开网站根目录

进入static/image/mobile文件夹

mobile文件夹中有一个style.css，这个就是您要找的文件discuz手机触屏版的css样式

下面是操作图文演示