2015-08-21 78 views
0

我有两个单独的文本元素需要对齐并且与屏幕宽度成比例(使用vw)。我使用vw将它们垂直对齐,并且工作正常,但使用vh水平对齐它们会在页面大小发生更改时将它们移出对齐。如何根据页面宽度使用css水平对齐

有没有办法解决这个问题?

#titleone { 
font-size: 9vw; 
position: absolute; 
right: 53.8vw; 
top: 25vh; 
z-index: 3; 
} 

#titletwo { 
font-size: 4.5vw; 
position: absolute; 
right: 38.7vw; 
top: 25vh; 
z-index: 1; 
} 
+0

时,考虑到你能否提供一些代码或演示你的问题? – oguzhancerit

+0

好的,你需要什么吗? –

+0

如果您可以创建一个最小的,具体的和可验证的示例,并明确描述所需的行为,那将会很好。一张图片也可以帮助 - 如果您在嵌入图片时遇到问题,只需粘贴网址,我可以帮助您将其插入到您的问题中。 – Terry

回答

0

使用

calc(25vh + 5vw); 

该错误的字体大小调整