- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我想使用
覆盖字体大小和页面 View@media screen and (max-device-width: 640px){
body
{
font-size: 1.2em;
max-width: 80%; }
}
字体大小应增加到 1.2,宽度应减少 80%但由于 CSS 中的绝对值,同样的事情并没有发生
例如,采用 %age 有助于实现目标
.innerpage-bodycontainer-left p { font: normal 11px Arial, Helvetica, sans-serif; }
替换 Em 中的字体大小是否适用于
.innerpage-bodycontainer-left p { font: normal .6875em Arial, Helvetica, sans-serif; }
对于宽度
.innerpage-bodycontainer-left-text-container .pageing-box{ width:1000px; float: left; }
在 %age 中替换它
.innerpage-bodycontainer-left-text-container .pageing-box{ width:100%; float: left; }
但是 - 我可以将 Padding 和 Margins 保留为绝对像素,还是在采用媒体查询之前还需要按百分比更改它们。
我是 css 的新手,必须尝试将网站转换为响应式 - 你对 em 中宽度和字体大小的 % 条款的建议将帮助我朝着正确的方向前进
谢谢
最佳答案
您可以在 %age 和 px 中设置宽度,在em、%age 或 px 中设置字体。
由您决定是同时更改边距还是以像素为单位保留它们。
关于 %age:
Works better if you declare the width of every relative elements.
例如:
html,body {
width:100%;
min-width:100%;
}
.mycontainer {
width:75%; /* will work properly because we have its parent width */
}
<body><div class="mycontainer">...</div></body>
关于他们:
1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
我建议在 body 标记中以 px 为单位设置字体大小,并且只触摸段落、链接和标题。示例:
body {
font-size:16px;
}
h1 {
font-size:2em; /* this is equal to 16*2 = 32px */
}
@media(max-width:768px) {
h1 {
font-size: 1.5em; /* smaller font on mobile. 1.5em == 16+8 == 24px */
}
}
我通常定义一个标准的边距/填充并保持它们不变,同时使用媒体查询更改页面的其余部分。例如:
.mycontainer {
margin:15px;
padding:15px;
font-size:20px;
width:50%;
height:200px; /* having a fixed height will help you a lot */
}
/* not specifing margin will leave them untouched */
@media(max-width:992px) {
.mycontainer {
font-size:14px;
width:80%;
height:300px;
}
}
/* or you can use em */
@media(max-width:768px) {
.mycontainer {
font-size: 0.8em;
width:100%;
height:400px;
margin:10px; /* here I'm changing the margin for mobile */
}
}
关于css - 将模板转换为响应式。字体大小,宽度百分比,但填充和边距如何,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29514011/
padding:initial 比 padding:0 有什么优势吗?示例: textarea { padding: 0; } Hello, world! 最佳答案 它们的意思是一
我尝试通过按钮填充 JList,然后在先前填充的 Jlist 上使用 DoubleClick 填充 JTextField。 代码: private void extractUsedVariables
我正在尝试做 var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right' ));
我在导航中添加了悬停效果,遗憾的是悬停也影响了上面的文字。如何在不影响文本位置的情况下向导航添加悬停? 可悲的是,我找不到解决这个问题的方法。 HTML 模板:http://projects.help
我是 F# 初学者,下面代码中的 %-5s 和 %5s 有什么作用?我认为它提供了空间填充,但我不确定它是如何填充的? printfn "%-5s %5s" "a" "b" 当我尝试 prin
我需要选择带狗的用户(带 type 等于“狗”的宠物) var User = Waterline.Collection.extend({ identity: 'user', attribute
我一直在尝试让 Excel 在一组列上应用公式,然后将模式扩展到整个行集。 这导致了以下代码: For i = 0 To avgsheetNames.Count - 1 If Contains(CSt
随着 Flutter 2.0 的发布,FlatButton已被替换为 TextButton . 因此,填充属性不再直接可用,而是作为 ButtonStyle属性(property)。 我的问题是,我该
这似乎是一个简单的问题,但我已经尝试了一个小时,似乎无法弄清楚。 我要做的就是用 Canvas 填充 MainWindow。我找不到任何允许这样做的属性,我能想到的唯一方法是设置 Canvas.Wid
这是a website具有移动 View 。 网站宽度为 640 像素,但 iPhone 以 678 像素渲染文档。在 Android 中看起来很棒。 我添加了视口(viewport)元: 主体 C
我正在使用 GridBagLayout到(当前)显示两行。我知道这种布局对于这项任务来说太过分了,但我正在努力学习如何使用它。问题是我已将两个面板添加到两个单独的行中,并且内容周围存在巨大差距(请参见
我有以下代码已传递给我并创建多边形: var map; function initialize() { var myLatlng = new google.maps.LatLng(-36.4
我在 Jpanel 中有一些项目,然后将其推到顶部并用作基本搜索引擎的工具栏。我遇到一个问题,因为没有足够的空间,所以我的最后一个组合框没有显示。但是,左侧有很多空白空间,我需要移动所有内容来填充 J
我创建了带有阈值的二进制图像。如下图所示如何改变白色形状的颜色以使其可索引? 到目前为止,这是我的代码: void threshold() { cv::Mat src_8uc3_img = c
我有一个 JTable,我想知道是否有更好的方法来填充它,这是我的代码: //Metodo para llenar un jtable con datos de la base public stat
我想要做的是裁剪一个卷以删除所有不相关的数据。例如,假设我有一个 100x100x100 的体积,其中填充了 0,但其中的 50x50x50 体积则填充了 1。如何从原始体积中获得裁剪后的 50x50
因此,我正在创建一种对一组数字进行洗牌的方法,其想法是创建这些数字的总体。因此,我创建了一个循环,对数字进行洗牌,然后将其添加到数组列表中,但是经过一些调试语句后,我发现它确实对数字进行洗牌,但只将最
假设我有这两个类: public class A where T : IEntityWithID, new() { private static EntityInfo entityInfo =
我正在尝试添加用户输入的两个大整数作为字符串。当两个输入字符串的长度不同时,我尝试用零填充较短的数字,但它不起作用。因此,如果我输入 456 和 7,它会给出 3,前面有一些随机字符。感谢您的任何建议
这是我将内容打印到表格 View 的代码 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: Index
我是一名优秀的程序员,十分优秀!