为不同大小的设备设置不同CSS样式规则的媒体查询
要为不同的CSS样式规则设置媒体查询，您可以尝试运行以下代码-
示例
<html>
<head>
<style>
body {
background-color: lightpink;
}
@media screen and (max-width: 420px) {
body {
background-color: lightblue;
}
}
</style>
</head>
<body>
<p>If screen size is less than 420px, then it will show lightblue color, or else it will show light pink color</p>
</body>
</html>
-
我的第一个Android应用程序。而且，我正在努力解决这个问题- 然后我放了一个十美分硬币。xml 唷！但这还不够。我想有不同的文本大小（和其他尺寸，我不在这里谈论图像）的手机 下面是我正在做的一个例子： 然后在迪蒙斯。xml，应该是：17 这个值，即这里的17，将在每个设备中不同，即它在每个值文件夹下的每个dimens.xml中被赋予不同的值。我希望是清楚的。
-
在react native中，我设计了一个示例，当我在不同的IOS设备中检查它时，这里是我的代码： 当我签入iphone-6和5s字体问题即将到来，任何人帮助我解决这个问题，如何设置不同IOS设备的字体大小在反应原生任何帮助很多通知
-
我不认为为每个决议创建新视图是一个好主意。我尝试将视图缩放为乘以设备的密度()，但这对低分辨率设备没有影响，但在高分辨率设备上，视图占用了整个屏幕（您看不到） 那么为不同设备制作自定义视图的最佳方式是什么呢？是我说的对还是有别的方法？
-
问题内容： 我有这样的CSS声明： 这里的font1是嵌入式的eot / ttf字体，但问题是该字体比其他字体要小，所以我想为此字体（font1）使用不同的字体大小（1.8em）。所有其他字体（font2，font3）保持不变。 问题是，我无法验证用户的浏览器是使用font1，font2还是font3。是否有任何CSS声明允许不同家族使用不同的字体大小？ 谢谢。 问题答案： 这里 是 一个办法做到
-
它是用scaffold命令创建的。我试图在这里放一些样式，但这导致我的应用程序的每一种形式都发生了变化。是否有一种好的方法来更改文本输入字段的样式，只适用于一个具有简单表单的特殊表单视图？我应该把样式放在哪里，如果我希望输入文本字段的大小：宽度100px到高度50px，样式看起来会是什么样子？
-
我有网格布局。我使用mobile-first方法构建它，这意味着默认情况下（媒体查询之外）所有内容都是针对Mobile的。 桌面布局如下所示： 我有一个“主”内容区域，它被设置为。让我们假装那是网站的首页。 但是，如果我需要在某些页面上的“主”区域稍微窄一点，比如联系人页面，可能是而不是但仍然居中，我该怎么办。 在网格中我有这样的内容： 下面是完整的代码，您可以看到它的工作原理： null nul