Html 试着看看这是否有反应
查看下面的基本CSS,确认这是否会提供响应页面。如果没有,需要进行哪些更改才能使其响应Html 试着看看这是否有反应,html,css,Html,Css,查看下面的基本CSS,确认这是否会提供响应页面。如果没有,需要进行哪些更改才能使其响应 <style> .article { float: left; margin: 5px; padding: 5px; width: 300px; height: 300px; border: 1px solid black; } </style> .文章{ 浮动:左; 保证金:5px; 填充物:5px; 宽度:300px; 高度:300px; 边框:1
<style>
.article {
float: left;
margin: 5px;
padding: 5px;
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
.文章{
浮动:左;
保证金:5px;
填充物:5px;
宽度:300px;
高度:300px;
边框:1px纯黑;
}
在“使网站具有响应性”方面做了大量工作。单靠一套简单的指令是不行的。但如果您的问题是“如何使此特定部分具有响应性?”那么您可能需要从以下内容开始:
<style>
.article {
float: left;
margin: 5px;
padding: 5px;
width: 33%; /* Flexible widths */
height: 300px;
border: 1px solid black;
}
</style>
.文章{
浮动:左;
保证金:5px;
填充物:5px;
宽度:33%;/*柔性宽度*/
高度:300px;
边框:1px纯黑;
}
再说一次,光靠这一点是不行的。这些是一些,但不是全部,进入RWD
- 了解
查询-阅读@媒体
- RWD框架-采用响应性框架,为您节省一些步法。我推荐引导。找到它
.article {
float: left;
margin: 5%;
padding: 5%;
width: 50%;
height: 300vh;
font-size: 1.2em;
border: 1px solid black;
}
样式表中的媒体查询
@media (max-width: 600px) {
.article {
width: 100%;
}
}
你知道一些关于反应的知识吗?用更多关于你的代码或你想做什么的数据来改进你的问题。看起来像是家庭作业。