关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭6年前。Improvethisquestion我正在使用Ionic2开发应用程序，我需要预览不同尺寸的应用程序。目前，我正在使用所有尺寸的vw，包括font-size、padding等等，但是在调整字体大小时它有时会变得有点小，甚至有时文本不可读。因此，我想知道在这种情况下最好使用什么:像素%vwwhem或者我是否还需要使用@media并支持不同的字体大小？有什么想法吗？

我只是想知道网站周围是否有空白区域。我发现它存在是因为用户代理样式表(GoogleChrome)，并且body标签默认设置了8px的边距。如何解决这不是问题，但我对这个边距的原因很感兴趣。我搜索了它，但我只找到将边距设置为零的解决方案，但我想知道为什么会有这个边距。希望您能告诉我更多有关这些用户代理样式表的信息。问候语菲利普 最佳答案 Browsersaddtheirownstylesheetwiththeirproperrulestoshowhowthewebpageshouldberenderednormallygoodlook

我在输入元素方面遇到问题:即使在那张图片中他们的css是margin:0;padding:0;他们仍然有我无法摆脱的微小利润。我不得不使用-4px的负边距来让按钮靠近文本字段。此外，在进行进一步的样式设置时，我最终遇到了Firefox和Chrome之间的问题:提交按钮似乎没有相同的高度。设置一个高度，使提交按钮适合Chrome上的输入栏，在Firefox上会破坏它，反之亦然。似乎没有明显的解决方案。1pxdifferencebetweenbuttonshttp://gabrielecirulli.com/p/20110702-170721.png在图像中，您可以看到在Chrome中(右

我遇到了一个奇怪的问题。简而言之:当我们将Canvas放入div并设置Canvas的大小时，div会自动比Canvas大5px，而我希望它的大小完全相同。此问题是thisanswer的后续问题所以我将采用相同的示例，该问题已在firefox和googlechrome中重现。(其他浏览器没试过)CSS:div{border:2pxsolidblue;/*demopurposes*/display:inline-block;}canvas{background-color:khaki;/*demopurposes*/}结果(查看div中的空白区域):您还可以在thisJSfiddle中看到

外层div有百分比宽度，内层div有display:tabel;宽度:100%。在调整大小时，对于某些页面宽度，内部div显示比外部div少1px。这会在右侧添加一条1px的线。https://jsfiddle.net/afelixj/utcswLp1/1/这个bug有没有修复？ 最佳答案 这似乎是一个特定的webkit错误:https://bugs.webkit.org/show_bug.cgi?id=140371当display:table-*元素包含在其width未使用绝对单位定义的父元素中时，其宽度并不总是正确计算。您可以在

谁能解释为什么我的媒体查询在将它们从px转换为ems时中断在我的文档正文中，我包含了以下规则字体大小:62.5%，因此我假设我可以将我的媒体查询从650px转换为65em？将我的媒体查询更改为ems会破坏布局作为替代方案，我可以将媒体查询转换为带有像素回退的REMS吗？？也就是说，我不知道该怎么做@mediascreenand(min-width:650px){body{font-size:62%;background-color:#364759;background-repeat:repeat-x;background:url("bg.gif");}#wrapper,footer{w

body{font-family:Arial,Helvetica,sans-serif;font-size:13px;}#wrapper{padding:1px;margin:0auto;}#left{width:200px;float:left;background:orange;position:fixed;text-align:center;padding:2px;}#content{float:right;text-align:left;padding:2px;width:???;background:#F0F0F0;}再次问好stackoverflow!我想创建一个简单的布局

如果有一个在某个维度上重复的一维背景，如果图像是例如1像素宽与10或20像素宽？ 最佳答案 我假设你的意思是二维背景。我无法想象在现代计算机上会有任何明显的区别。但是，由于带宽仍然非常宝贵，尤其是在移动设备上，我认为您最好通过重复1像素宽的图像而不是2或3像素宽来节省带宽。更新:我们刚刚进行了一项测试，虽然不科学，但在感知上肯定是相关的，其中一个页面在10,000,000像素的正方形div上渲染了一个10像素的绿色正方形，而另一个页面在相同大小的div上渲染了一个1像素的绿色正方形。所有样式都用CSS设置，两个页面都没有其他内容。图

标题，基本上。我一直在使用边距定位而不是像position:relative这样的东西来做我的很多工作，只是因为我不知道你可以那样控制它。margin应该做什么，为什么我应该在margin完成工作时使用position？ 最佳答案 简而言之，边距在元素框周围增加空间，并修改页面流中为其保留的空间量以匹配。因此，顶部边距向下移动一个block，同时也向下移动跟随它的所有内容。底部边距将跟随它的内容向下移动，同时将block本身留在同一位置。这非常直观，并且可能完全符合您的预期。相对定位做了一些奇怪的事情:它改变了block被绘制的位置

这个问题在这里已经有了答案:Whatisthedifferencebetweenpx,emandex?(4个答案)关闭去年。px和em有什么区别？