在W3Sshool学习HTML关于响应式web设计的疑问。

为什么下面这段能够实现响应式web.

<!DOCTYPE html>

.city { float: left; margin: 5px; padding: 15px; width: 300px; height: 300px; border: 1px solid black; }

W3School Demo

Resize this responsive page!

London

London is the capital city of England.

It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital and most populous city of France.

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
threenewbee 2017-06-02 15:49
关注
因为css使用了浮动，使得调整浏览器大小的时候，里面的div可以跟着适应大小的变化

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

在W3Sshool学习HTML关于响应式web设计的疑问。 html5
2017-06-02 12:26

回答 1 已采纳因为css使用了浮动，使得调整浏览器大小的时候，里面的div可以跟着适应大小的变化
前端css3动画部分有疑问希望友友们帮助解惑 css3 html 前端
2022-10-21 16:53

回答 2 已采纳 div+div加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素，且A和B必须拥有相同的父元素，所选到的仅为一个B元素标签。 2.-webkit-xxx是兼容写法，针对浏览器内核的。CS
为什么html头部文档信息会显示在页面中？ html 前端
2022-05-28 10:30

回答 1 已采纳只要在特定标签外都会显示在页面中，除了title,meta这些
响应式 Web 设计：让网页在不同设备上完美适配
2023-07-22 14:22

耀南.的博客在现代互联网时代，用户通过各种...为了确保网页在各种设备上都能良好展示，并提供一致的用户体验，响应式Web设计应运而生。本篇文章将详细解释什么是响应式设计，以及如何利用媒体查询和弹性布局来实现网页的适配。
前端js实现web页面导出Excel，乱码问题前端
2017-12-25 07:32

回答 8 已采纳页面头部meta设置utf-8
html css问题，网页ul，li的内容紧贴在一起，如何才能实现如图的效果？ css html 前端
2021-12-26 15:44

回答 1 已采纳 li加个oveflow:hidden *{margin: 0;padding: 0} .left_bottom{ width:150px; } .mainyuanjiao_left{
myeclipse编写html在浏览器中中文显示乱码 html java myeclipse
2022-09-22 19:06

回答 2 已采纳弄成这样试一试，我这边没有问题哇！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
【WEB前端进阶之路】 HTML 全路线学习知识点梳理（上）
2023-03-02 20:40

陈橘又青的博客万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。
招聘中写的手写w3c标准是在面试时让人当场默写吗前端职场和发展问答团队
2022-06-04 22:16

回答 2 已采纳一般都是简答题，简单问下回答可以简单带过：标签闭合、标签⼩写、不乱嵌套、使⽤外链 css 和 js 、结构⾏为表现的分离https://www.w3cschool.cn/xuexiw3c/xuexiw
php制作网页在html中body块中添加代码导致页面乱码，显示Cannot modify header information - headers already sent html php 前端有问必答
2021-12-17 09:25

回答 1 已采纳 header("content-type: text/html; charset=utf-8");这一句要放在最顶行，前面不能有空格换行或其他输出
纯CSS下如何只让指定DIV内的链接在新窗口打开呢？ css html 前端
2023-01-05 18:27

回答 2 已采纳你可以把你不想跳转到新页面的链接里的target属性值改成_self试试
2023年总结的web前端学习路线分享（学习导读）
2023-03-06 18:43

亦世凡华、的博客以上是博主自学一年前端总结的一些...近几年由于培训机构输出大量的程序员，导致现在前端有一点饱和，人数的众多导致企业对人才的要求也提高了，如果你想从事前端，建议早最准备学习多项技术才能让自己不被淘汰下去。
这是一个关于HTML的代码问题 html5
2019-07-05 22:18

回答 3 已采纳这是定位影响到的,你可以参照开发手册,进行相应的更改,如果是简单的布局可以参考弹性布局,这样会加快你对定位的理解
响应式web实战期末大作业毕业设计源码（主页源文件）
2022-11-03 17:07

酸奶公园的博客 !响应式web实战期末大作业毕业设计源码（主页源文件）
web前端响应式设计总结
2017-08-30 10:20

ImpulsionAndpower的博客 web前端响应式设计总结一、响应式概述 响应式是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。这里总结了响应式网站设计需要涉及到的相关的内容，有不正确的欢迎大家指正。谈...
没有解决我的问题, 去提问

悬赏问题

¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料