文件名称：CSS添加响应功能-ONL01-SENG-FT-090820
文件大小：9.25MB
文件格式：ZIP
更新时间：2024-03-06 12:41:46
CSS
响应功能 问题陈述 在Web浏览器中打开index.html文件，然后进行检查。 调整窗口大小。 请注意，随着窗口变小，网站变得越来越不可读？ 这就是我们所说的桌面向下设计。 在这种情况下，我们的组件将以完整尺寸构建，并且由开发人员自行选择合适的断点并根据需要调整布局。 由于我们希望我们的用户在所有尺寸上都拥有最佳体验，并且没有适用于手机和平板电脑的尺寸调整标准，因此，对全响应式设计进行工作需要我们反复试验。 在本实验中，我们将练习调整现有HTML和CSS以包括响应媒体查询。 确保您正在检查您的网站，并且不要忘记在上切换！ 目标 创建一个元标记以处理视口设置 为响应式设计创建新的样式表 将新样式表链接到html 为指定的断点添加媒体查询和响应式样式 可交付成果 添加一个meta视口标签：在index.html ，将一个meta标记添加到<head> ，其中包含以下内容： name="v
【文件预览】：
css-adding-responsive-features-onl01-seng-ft-090820-master
----css()
--------style.css(8KB)
----images()
--------social-icons.png(16KB)
--------white-wood.jpg(127KB)
--------townhome.jpg(20KB)
--------new-2.jpg(97KB)
--------exceptional-logo.png(7KB)
--------condo.jpg(16KB)
--------intro-pic.jpg(86KB)
--------new-1.jpg(110KB)
--------featured.jpg(88KB)
--------coop.jpg(20KB)
----index.html(5KB)
----CONTRIBUTING.md(2KB)
----Gemfile(84B)
----Gemfile.lock(858B)
----.rspec(41B)
----spec()
--------css_spec.rb(529B)
--------spec_helper.rb(4KB)
----LICENSE.md(1KB)
----.gitignore(443B)
----.learn(111B)
----videos()
--------real-estate.ogv(4MB)
--------real-estate.mp4(5.25MB)
----README.md(4KB)