我正在设计一个新网站,我希望它与尽可能多的浏览器和浏览器设置兼容.我正在尝试确定我应该使用哪种测量单位来确定字体和元素的大小,但我无法找到确定的答案.
我的问题是:我应该使用px还是rem在我的CSS中使用?
px与在浏览器中调整基本字体大小的用户不兼容.ems,因为与rems 相比,它们更难以维持,因为它们是级联的.rems与分辨率无关,因此更为理想.但是其他人说大多数现代浏览器无论如何都会平等地缩放所有元素,因此使用px不是问题.我问这个是因为对于CSS中最理想的距离测量有很多不同的看法,我不确定哪个是最好的.
我正在开发一个需要使用CSS3 box-shadow属性的项目.这没关系,但我发现阴影的扩散大小不能设置为父对象的百分比.
我完全理解box-shadow不是附加的,因此它不会将parent的大小作为参考.
但考虑到我需要具有完全响应的站点,其中对象流畅地缩放(不仅在断点处),这会产生问题 - 我只能以绝对单位(em或px)设置阴影扩展属性.
这有什么解决方案吗?我想过在容器内使用内部容器(用于内容)(对于"阴影" - 它没有模糊),但这会产生另一个问题 - 内部容器的垂直居中.
有解决方案吗 请不要jQuery,只是纯CSS.
谢谢
我正在使用HTML和CSS构建一个针对桌面,平板电脑和手机的响应式应用程序,但我不确定我应该使用哪种单位字体大小适合任何大小的屏幕.em,px,pt和百分比有什么区别?对我来说最好的选择是什么?
我想在台式机,平板电脑和手机的响应式应用中听到有关它的真实体验
我会感谢任何帮助!
在网络上阅读几篇文章后,我有点困惑时使用percent,em或px为div´s,input´s,font´s,buttons等...
对于网站I'm工作,我们wan't添加一个响应式设计,从我从百分之相比不同的文章理解的是去的方式elements和div´s.但是我感到困惑,因为我认为即使我使用pxför布局而不是px根据设备/屏幕分辨率设置不同的宽度,高度,我应该能够获得响应式设计......?
什么时候使用什么是最好的做法?而且不仅是fontsize,div´s还有其他元素?
我是网页设计的新手.我对CSS/HTML有一个很好的理解,但我对如何设置字体样式以适应移动设备存在冲突.
目前我使用px在我的网页上使我的字体变大或变小.但是,这样做会使我的字体在高px /英寸设备上看起来非常小.
如何让我的字体在这些高分辨率屏幕上显得清晰,而不会让它们看起来超小?
例如:
.thisClass{
font-size:12px;
}
Run Code Online (Sandbox Code Playgroud)
是我习惯使用的.在我的笔记本电脑上它看起来很好,但我不知道它在平板电脑上看起来如何,因为我没有一个D:
我有这个css规则:
#SideBar{
height: calc(100vh, -82px);
overflow: auto;
/*Something more*/
}
Run Code Online (Sandbox Code Playgroud)
问题在于,在所有其他浏览器中:IExplorer,Chrome,Opera,Firefox,但在Safari中这个规则不起作用?是否存在设定高度的替代规则?
css ×6
css3 ×3
html ×2
box-shadow ×1
distance ×1
em ×1
font-size ×1
html5 ×1
percentage ×1
pixel ×1