手机版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://azwzsj.com/article/dsddsie.html