
以下示例为屏幕和打印指定了不同的字体系列。
响应式网站设计(Responsive Web design)的理念是: 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该
58
下一个CSS在屏幕和打印机上使用相同的字体大小。
<style>
<!--
@media screen {
p.bodyText {font-family:verdana, arial, sans-serif;}
}
@media print {
p.bodyText {font-family:georgia, times, serif;}
}
@media screen, print {
p.bodyText {font-size:10pt}
}
-->
</style>以上就是使用 CSS 为屏幕和打印设置不同的字体系列的详细内容,更多请关注php中文网其它相关文章!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号