dgo*_*dgo 6 html css3 responsive-design
我正在为IOS构建一个phonegap应用程序,我有一个<p>标签,其内容必须恰好是一行.
这些元素具有设备的整个宽度减去一点外部填充.我想要的是文本扩展到尽可能大的字体大小而不包装到下一行,没有被省略号截断或被剪切或溢出.
到目前为止,我可以通过精确设置字体大小来实现这一目标(可以完成 - 只有大约10个设备可以考虑),但我宁愿让IOS UIWeview显示出来.
用CSS实现这一点是否可行？
仅使用 CSS，您可以使用视口单位通过设置字体大小来填充空间来实现此目的，但现在文本大小根据视口的宽度进行响应。
p {
font-size: 7vw; //set to the preferred size based on length of text
}
这是使用大众单位的简单演示：https ://jsfiddle.net/gmattucc/mh3rsr0o/
您必须检查您的目标设备是否支持 vw、vh 单位： http: //caniuse.com/#feat=viewport-units
您可能还想查看这篇文章以了解更多信息：https ://css-tricks.com/viewport-sized-typography/