媒体查询和Vue.js

时间:2018-11-10 11:02:44

标签: css vuejs2 media-queries

我想在组件的css部分使用简单的@media查询 ,但我无法使其工作。

我在组件CREATE TABLE `table` ( `item` VARCHAR(1) NOT NULL ); CREATE TABLE `backup_table` ( `item` VARCHAR(1) NOT NULL ); INSERT INTO `table` VALUES ( 'a' ), ( 'b' ), ( 'c' ); INSERT INTO `backup_table` VALUES ( 'a' ), ( 'b' ), ( 'd' ); SELECT * FROM `table` EXCEPT SELECT * FROM `backup_table`; +------+ | item | +------+ | c | +------+ 中准备了一个codesandbox.io here

我希望挤压窗户时从红色变为绿色…… 我究竟做错了什么? [编辑:正如有人指出的那样,它在某些情况下仍然有效,如果我将此代码放在vuejs + vuetify中的某个组件中(而它在标准vuejs的一个组件中工作),它仍然无法工作。]

>>npm cache verify 
>>npm config rm proxy
>>npm config rm https-proxy
>>npm config set registry
>>npm config set http://registry.npmjs.org

预先感谢 桑德罗

已解决:这是css选择器中的虚假隐形字符,阻止了它的应用...

1 个答案:

答案 0 :(得分:0)

您还没有指定媒体类型来应用规则,例如打印或屏幕

  

@media 屏幕和(最大宽度:400像素)

更新:css缩进中的空白字符错误。