我刚刚使用在线移动仿真器测试了我的网站,该网站似乎运行得很完美。我唯一想做的就是缩小所有东西的大小。
我有一个插件可以让我在CSS中做到这一点:
.mobile {change any css I want}
举个例子:
#container {width:800px} <-- normal css
我可以这样做:
.mobile #container {width:340px} <-- specific css for all mobile devices
这很棒,但您可以看到这将是多么乏味。我的css文件有2000行长。
所以我想知道是否有一种捷径方法可以改变一切。有没有办法
我试图使用CSS在更细粒度的级别上对自适应卡进行样式化,但是默认CSS类的类似名称使得很难针对单个元素。
我试图用特定的参数来针对它,但它们在某种程度上仍然是交叉规则的。在自适应卡片构建过程中,我尝试过使用唯一的it或uniqueCSSSelectors,但是当它们到达前端时,它们似乎都被去掉了。
下面是一些我已经尝试过的例子。
li div .content .attachment .attachment div .ac-container:not(:first-child) .ac-columnSet:hover{
background: #e6eaed;
color: #