css adding responsive features v 000 源码
响应功能 问题陈述 在您的Web浏览器中打开index.html文件,然后进行检查。 调整窗口大小。 请注意,随着窗口变小,网站变得越来越不可读? 这就是我们所说的桌面向下设计。 在这种情况下,我们的组件是按完整大小构建的,因此,作为开发人员,您应自行选择合适的断点并根据需要调整布局。 由于我们希望我们的用户在所有尺寸上都拥有最佳体验,并且没有适用于手机和平板电脑的尺寸调整标准,因此,对全响应式设计进行工作需要我们反复试验。 在本实验中,我们将练习调整现有HTML和CSS以包括响应式媒体查询。 确保您正在检查网站,并且不要忘记在上切换! 目标 创建一个元标记以处理视口设置 为响应式设计创建新的样式表 将新样式表链接到html 为指定的断点添加媒体查询和响应式样式 可交付成果 添加一个meta视口标签:在index.html ,将一个meta标记添加到包含以下内容的<head> : na
下载地址
用户评论
