相关疑难解决方法(0)

我应该在CSS中使用px或rem值单位吗?

我正在设计一个新网站,我希望它与尽可能多的浏览器和浏览器设置兼容.我正在尝试确定我应该使用哪种测量单位来确定字体和元素的大小,但我无法找到确定的答案.

我的问题是:我应该使用px还是rem在我的CSS中使用?

  • 到目前为止,我知道使用px与在浏览器中调整基本字体大小的用户不兼容.
  • 我忽视了ems,因为与rems 相比,它们更难以维持,因为它们是级联的.
  • 有人说rems与分辨率无关,因此更为理想.但是其他人说大多数现代浏览器无论如何都会平等地缩放所有元素,因此使用px不是问题.

我问这个是因为对于CSS中最理想的距离测量有很多不同的看法,我不确定哪个是最好的.

html css distance units-of-measurement css3

345
推荐指数
6
解决办法
13万
查看次数

CSS3 Box阴影大小 - 单位百分比?

我正在开发一个需要使用CSS3 box-shadow属性的项目.这没关系,但我发现阴影的扩散大小不能设置为父对象的百分比.

我完全理解box-shadow不是附加的,因此它不会将parent的大小作为参考.

但考虑到我需要具有完全响应的站点,其中对象流畅地缩放(不仅在断点处),这会产生问题 - 我只能以绝对单位(em或px)设置阴影扩展属性.

这有什么解决方案吗?我想过在容器内使用内部容器(用于内容)(对于"阴影" - 它没有模糊),但这会产生另一个问题 - 内部容器的垂直居中.

有解决方案吗 请不要jQuery,只是纯CSS.

谢谢

css percentage box-shadow

36
推荐指数
3
解决办法
2万
查看次数

自适应应用程序:字体大小单位em与px对比pt与百分比

我正在使用HTML和CSS构建一个针对桌面,平板电脑和手机的响应式应用程序,但我不确定我应该使用哪种单位字体大小适合任何大小的屏幕.em,px,pt和百分比有什么区别?对我来说最好的选择是什么?

我想在台式机,平板电脑和手机的响应式应用中听到有关它的真实体验

我会感谢任何帮助!

html css html5 css3 responsive-design

18
推荐指数
2
解决办法
2万
查看次数

CSS样式 - 百分比vs em与px?

在网络上阅读几篇文章后,我有点困惑时使用percent,empxdiv´s,input´s,font´s,buttons等...

对于网站I'm工作,我们wan't添加一个响应式设计,从我从百分之相比不同的文章理解的是去的方式elementsdiv´s.但是我感到困惑,因为我认为即使我使用pxför布局而不是px根据设备/屏幕分辨率设置不同的宽度,高度,我应该能够获得响应式设计......?

什么时候使用什么是最好的做法?而且不仅是fontsize,div´s还有其他元素?

css pixel em

6
推荐指数
2
解决办法
1万
查看次数

如何制作不太大或太小的响应式文本

我是网页设计的新手.我对CSS/HTML有一个很好的理解,但我对如何设置字体样式以适应移动设备存在冲突.

目前我使用px在我的网页上使我的字体变大或变小.但是,这样做会使我的字体在高px /英寸设备上看起来非常小.

如何让我的字体在这些高分辨率屏幕上显得清晰,而不会让它们看起来超小?

例如:

.thisClass{
font-size:12px;
}
Run Code Online (Sandbox Code Playgroud)

是我习惯使用的.在我的笔记本电脑上它看起来很好,但我不知道它在平板电脑上看起来如何,因为我没有一个D:

css font-size

4
推荐指数
1
解决办法
4675
查看次数

Css calc无法在Safari上运行

我有这个css规则:

#SideBar{
height: calc(100vh, -82px);
overflow: auto;
/*Something more*/
}
Run Code Online (Sandbox Code Playgroud)

问题在于,在所有其他浏览器中:IExplorer,Chrome,Opera,Firefox,但在Safari中这个规则不起作用?是否存在设定高度的替代规则?

css css3

1
推荐指数
1
解决办法
1765
查看次数