热搜词
发表于 2017-8-6 17:16:48 | 显示全部楼层 |阅读模式
江湖家居至尊版,手机版浏览文字自适应屏幕大小,随着屏幕分辨率的增加,文字也相应变大,可是当屏幕宽度大于721像素时,文字突然部小了,原因为相关手机模板中CSS样式表个别设置不合理,解决方法如下:

打开  \themes\default\mobile\static\css\pub_app.css 样式表文件,查找如下代码:

@media (max-width:240px){
    html { font-size: 75px;}
}
@media screen and (min-width: 240px) and (max-width: 319px){
    html{font-size:75px;}
}
@media screen and (min-width: 320px) and (max-width: 479px){
    html{font-size:100px;}
}
@media screen and (min-width: 480px) and (max-width: 639px){
    html{font-size:150px;}
}
@media screen and (min-width: 640px) and (max-width: 719px){
    html{font-size:200px;}
}
@media screen and (min-width: 720px) and (max-width:967px){
    html{font-size:225px;}
}
@media (min-width:721px) {
    html { font-size: 100px;}
}

修改为如下代码:

@media (max-width:240px){
    html { font-size: 75px;}
}
@media screen and (min-width: 240px) and (max-width: 319px){
    html{font-size:75px;}
}
@media screen and (min-width: 320px) and (max-width: 479px){
    html{font-size:100px;}
}
@media screen and (min-width: 480px) and (max-width: 639px){
    html{font-size:125px;}
}
@media screen and (min-width: 640px) and (max-width: 719px){
    html{font-size:150px;}
}
@media screen and (min-width: 720px) and (max-width:967px){
    html{font-size:150px;}
}
@media (min-width:721px) {
    html { font-size: 150px;}
}



全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2024-11-25 00:02 , Processed in 0.157760 second(s), 22 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2024 Discuz! Team