body { width: 600px; }
在上面的代码中,大家设置了body元素的宽度为600px。如果大家在一个尺寸较小的设备上打开这个页面,就会发现内容被截断了。这是因为大家没有考虑到响应式设计的需求。
为了解决这个问题,大家可以通过媒体查询来设置不同宽度的样式:
@media (max-width: 480px) { body { width: 100%; } }
在上面的代码中,大家设置了在设备宽度小于480px时,body元素的宽度为100%。这样大家就可以保证页面在不同设备上都能正常展示。
在进行CSS样式表设计时,大家需要充分考虑到响应式设计,为不同设备设置不同的样式,以保证页面的可访问性和用户体验。