【VUE】设置@media媒体查询font-size不生效

为了让网页字体随着设备分辨率和窗口大小的变化也能显示，参照https://ask.csdn.net/questions/7605002?spm=1001.2014.3001.5505

测试过了设置font-family会有变化，为什么设置font-size不生效？

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
你好！机器人 2021-12-17 09:51
关注
浏览器默认最小字体大小是12

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

npm install报错 Cannot find module '@vue/cli-plugin-router' vue.js
2022-02-10 19:53

回答 1 已采纳额你这个 cli-plugin-router 是在 vue下。应该 npm install vue或者 npm install vue/cli-plugin-router 试试
Vue3 element-plus el-select 内联样式字体不生效，请教解决方法 elementui vue.js
2022-04-29 21:56

回答 4 已采纳在全局添加 .el-input__inner { font-size: inherit; letter-spacing: inherit;
Vue el表单问题 @selection-change不起作用 elementui
2021-10-25 17:33

回答 1 已采纳 FutureTable 是自定义组件吗？里面封装了el-table？需要手动$emit去触发父组件的selection-change
vue 项目中使用@media screen and (max-width: 460px)适配移动端，为啥在安卓手机会变化但是IOS没有变化
2024-07-05 16:20

小嘟嚷ovo的博客其中，width=device-width 表示让页面宽度等于设备宽度，initial-scale=1.0 表示页面...4.使用 CSS media query 等技术，对于不同的设备和屏幕尺寸，设置不同的样式和布局，以便让页面在不同的设备上都能够正常显示。
vue.js的v-bind不生效？ vue.js 有问必答
2021-10-19 14:59

回答 2 已采纳 this指向问题play函数执行完之后，在其他函数里面打印this.playurl，看看有没有结果
请问vue项目 babel.config.js中的@vue/cli-plugin-babel/preset是什么意思呢？ vue.js 前端
2022-05-21 08:59

回答 1 已采纳
ant design Vue 局部组件中修改 @primary-color 的官方的方法报错！ sass vue.js 前端有问必答
2022-05-15 12:59

回答 3 已采纳需求实际就是antd design vue的主题颜色的动态切换是吧解决方法需要的用的库 "antd-theme-generator": "^1.2.6", // 我在项目中用其他版本出现 colo
前端css媒体查询不生效问题和如何使用案例最新(源码全)
2022-05-19 16:27

MFG_666的博客 不生效问题总结1. 语法里面`screen ` 和`and`前后都有空格2.引入meta标签语句(1)原生html引入方法(2)vue项目引入方法3.择器的权重问题（样式被覆盖）(1)相同class名写在下面的权重高于上面的权重，所以样式会覆盖...
uni-app vue3 全局注册ant-design 不生效 javascript vue.js
2022-07-11 10:49

回答 1 已采纳找到问题了写错地方了写到vue2那了 import App from './App' // #ifndef VUE3 import Vue from 'vue' Vue.config.produc
请问在启动vue项目的时候报错Cannot find module '@vue/cli-plugin-babel' vue.js 前端前端框架
2023-03-23 14:14

回答 2 已采纳出现这种找不到依赖报错有多种情况：1、npm版本问题；2、vue或插件版本问题；3、下载依赖时网络问题。最优解决办法：删除依赖文件夹重新npm install下载,或者使用cnpm install 安
Vue3 element el-input 内联样式 不生效，怎么让它生效 elementui vue.js 前端
2022-04-24 11:38

回答 9 已采纳你好你这个不是不生效,而是被里面input的样式覆盖了如果想这么写就要把里面的样式初始化应该可以解决 .el-input__wrapper{ 'font-weight':'inherit';
关于@media不生效的问题和meta总结
2018-06-11 18:44

weixin_34238633的博客 1：之前做的是两套页面。现在改成响应式布局。...@media only screen and (max-width: 500px){ .gridmenu{width:100%; } .gridmain{width:100%; } .gridright{width:100%; }} 诸如上面的样式表...
vue3 watch不生效_Vue3新特性详解
2021-01-12 07:12

艾小叨的博客 Vue3出来有一段时间了，...加油，就是淦~Vue3 的文档地址: https://v3.vuejs.org/配置 vue3 开发环境Vue cli//安装或者升级npminstall-g@vue/cli#ORyarnglobaladd@vue/cli//保证vuecli版本在4.5.0以上vue--version/...
前端知识总结
2022-11-18 18:06

Var阿隆的博客需要设置多个媒体查询来适应不同手机，单某款手机尺寸不在设置范围之内，会导致无法适配网易方案拿到设计稿除以 100，得到宽度 rem 值通过给 html 的 style 设置 font-size，把 1 里面得到的宽度 rem 值代入 x ...
如何使用媒体查询来适配不同设备上的样式？
2024-08-01 04:52

DTcode7的博客 媒体查询（Media Queries）是 CSS3 中引入的一项关键特性，它允许开发者针对不同的设备和屏幕尺寸定义特定的样式规则。通过媒体查询，你可以编写适应不同设备和屏幕尺寸的样式表，使网页在各种设备上都能呈现良好的...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 12月25日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 12月17日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 12月17日

【VUE】设置@media媒体查询font-size不生效

为了让网页字体随着设备分辨率和窗口大小的变化也能显示，参照https://ask.csdn.net/questions/7605002?spm=1001.2014.3001.5505

测试过了 设置font-family会有变化，为什么设置font-size不生效？

4条回答 默认 最新

问题事件

测试过了设置font-family会有变化，为什么设置font-size不生效？

4条回答默认最新