使用响应式设计的技术,比如使用CSS3的媒体查询,可以在不同的屏幕分辨率下应用不同的CSS样式。例如,下面的代码实现了在屏幕宽度480px以下时,将文本的字号调整为14px并且将图片的宽度调整为50%。
@media (max-width: 480px) {
p {
font-size: 14px;
}
img {
width: 50%;
}
}
这种方法可以使网页自适应不同的设备和屏幕,保证用户获得良好的用户体验。
下一篇:布局不会移到底部!它在侧边上。