如何制作PC端Html网页

慕容屠苏

于 2017-05-18 23:25:24 发布

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：大前端爬坑之路文章标签：如何制作PC端Html网页

本文链接：https://blog.youkuaiyun.com/kerryqpw/article/details/72512210

大前端爬坑之路专栏收录该内容

188 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何制作PC端Html网页，包括实现效果展示、制作思路和具体代码实现，强调了按设计图比例定义元素尺寸的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何制作PC端Html网页

实现效果：

实现思路：

按设计图比例尺寸严格定义html 、body 、div宽高

实现代码：

*{
    margin: 0;
    padding: 0;
    font: 1rem/1.2 tahoma, microsoft yahei, sans-serif, simsun;
}
html{
    position: relative;
    min-width: 1180px;
    width: 100%;
    height: 100%;
}
body{
    min-width: 1180px;
    /*min-height: 960px;*/

了解本专栏

超级会员免费看