个人主页源码怎么设置手机?
编辑:自学文库
时间:2024年03月09日
首先,在头部的CSS部分,可以使用@media规则来定义手机的屏幕宽度和样式。
例如,可以设置手机屏幕宽度小于600px时的样式。
可以使用以下代码:@media (max-width: 600px) { /* 手机样式 */ body { background-color: pink; }}这样,当手机屏幕宽度小于600像素时,页面的背景颜色会变为粉色。
通过设置@media规则,可以根据不同的屏幕宽度来优化页面的样式和布局,从而使其在不同的设备上都能良好显示。