修改Astra移动设备(响应式)字体大小
1. 修改css文件
1.1 FTP文件路径
原版:/home/www/htdocs/wp-content/themes/astra/assets/css/unminified/style.css
压缩版:/home/www/htdocs/wp-content/themes/astra/assets/css/minified/style.min.css
1.2 WordPress后台导航
Appearance -> Theme Editor -> assets -> css -> minified -> style.min.css
Appearance -> Theme Editor -> assets -> css -> unminified -> style.min.css
1.3 增加以下css代码
@media only screen and (max-width: 320px) {
p {
font-size: 110%;
}
}
@media only screen and (max-width: 420px) {
p {
font-size: 110%;
}
}
@media only screen and (max-width: 544px) {
p {
font-size: 110%;
}
}
@media only screen and (max-width: 768px) {
p {
font-size: 110%;
}
}
@media only screen and (max-width: 782px) {
p {
font-size: 110%;
}
}
@media only screen and (max-width: 992px) {
p {
font-size: 110%;
}
}
2. 修改css版本号 FTP 文件路径: /home/www/htdocs/wp-content/themes/astra/functions.php
WordPress后台导航: Appearance -> Theme Editor -> Theme Functions
/**
* Define Constants
*/
define( 'ASTRA_THEME_VERSION', '2.5.5' );
// 每次修改css文件,版本号加1即可。
备注:如果不修改版本号,修改css文件后无效果。
3. 删除缓存(重要) 【修改Astra移动设备(响应式)字体大小】3.1 清除 WP Super Cache 缓存
3.2 清除浏览器缓存
推荐阅读
- 移动端h5调试方法
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- iOS富文本为html时,修改默认字体颜色
- react-navigation|react-navigation 动态修改 tabBar 样式
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板
- python|8. 文件系统——文件的删除、移动、复制过程以及链接文件
- 被催稿了,所以聊聊|被催稿了,所以聊聊 长链接在移动端开发中如何做到和短链接一样高效
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- 移动端事件绑定
- 移动用户体验设计(底部导航)