58同城笔试题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了58同城笔试题相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.row{
    width: 100%;
    height: 300px;
    padding:3px;
}
.col{
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    background-color: #ccc;
}
@media (min-width: 768px) { 
    .col{
        width: 33.3%;
    }
}
</style>
    <title></title>
</head>
<body>
<div class="row">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>
</body>
</html>

58同城笔试题:在PC和平板中一行三列,在手机上一列三行。

主要知识点:媒体查询,栅格化

下图是bootstrap原生的栅格参数:

技术分享

以上是关于58同城笔试题的主要内容,如果未能解决你的问题,请参考以下文章

58同城前端笔试题

58同城2018校招前端笔试题总结

58同城 | C/C++工程师笔试题详解

JavaScript笔试题(js高级代码片段)

笔试题58. LeetCode OJ (45)

数据挖掘2022年2023届秋招Kanaries雾角科技算法岗 笔试题