网站建设资讯

NEWS

网站建设资讯

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

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

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

创新互联是一家专注于网站制作、成都网站制作与策划设计,山阳网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:山阳等地区。山阳做网站价格咨询:13518219792

不支持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比起以前好很多,已经可以不用担心不支持的问题了。

自适应手机屏幕的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相对应的那个值,这么说应该可以明白吧。

纯手打,望采纳~

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

打开网站根目录

进入static/image/mobile文件夹

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

下面是操作图文演示


当前名称:手机版css样式,css适配手机
文章出自:http://cdweb.net/article/dsddsie.html