文件名称:
css-adding-responsive-features-online-web-sp-000-源码
开发工具:
文件大小: 9mb
下载次数: 0
上传时间: 2021-03-16
详细说明:响应功能
问题陈述
在您的Web浏览器中打开index.html文件,然后进行检查。 调整窗口大小。 请注意,随着窗口变小,网站变得越来越不可读? 这就是我们所说的桌面向下设计。 在这种情况下,我们的组件是按完整大小构建的,因此,作为开发人员,您应自行选择合适的断点并根据需要调整布局。 由于我们希望我们的用户在所有尺寸上都拥有最佳体验,并且没有适用于手机和平板电脑的尺寸调整标准,因此,对全响应式设计进行工作需要我们反复试验。
在本实验中,我们将练习调整现有HTML和CSS以包括响应式媒体查询。 确保您正在检查网站,并且不要忘记在上切换!
目标
创建一个元标记以处理视口设置
为响应式设计创建新的样式表
将新样式表链接到html
为指定的断点添加媒体查询和响应式样式
可交付成果
添加一个meta视口标签:在index.html ,将一个meta标记添加到包含以下内容的 : na
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.