前端页面设计（html）---基础常见问题

如何让页面元素稳定，即不随页面的放大缩小而改变页面元素在页面中的原始位置？
解决办法： 标题div外框架元素的宽度和高度应该用px设置，外边距margin应用百分比的形式进行设置；其次标题内部的元素应用百分比设置宽高和margin；最后也是最重要的一步body节点应设置margin：auto。（因为根据盒子模型来看，margin是元素的外边距，而页面的放大缩小正是改变的margin外边距大小【页面比例发生了变化所导致的】，而auto的设置正是为了让其自适应页面比例的大小）

效果图如上

页面主要内容如何不随页面放大和缩小而发生变化？
解决办法 首先页面的全部元素都应该放进一个div(命名为biggest）里面【最外面的div】，然后biggest里面的各个模块应设置css属性position：relative。

前端页面设计（html）---基础常见问题相关推荐

Web前端页面设计流程及注意事项，谨记！
每天我们打开电脑,看到各种各样的web前端页面.你知道他们是如何制作的吗?为了让页面更具有规范性,让使用者更加方便,在制作页面过程中必须遵循一定的设计流程.在这里就为大家详细介绍一下制作一个Web前端 ...
因分辨率变化html页面布局跳动_Web前端页面设计流程及注意事项，谨记！
每天我们打开电脑,看到各种各样的web前端页面.你知道他们是如何制作的吗?为了让页面更具有规范性,让使用者更加方便,在制作页面过程中必须遵循一定的设计流程.在这里就为大家详细介绍一下制作一个Web前端 ...
实现一个博客系统(前端页面设计)
博客系统的四个页面展示效果: 注意CSS有一些隐式规定,下面代码的状态:上下边距不是50px(不是两者边距之和,而是他们的最大值);上下边距塌方问题,况且只在垂直方向有,水平方向就是他们的和:况且他的 ...
新闻发布系统界面 html源码,新闻发布系统的前端页面设计
[实例简介] 这个一个简单的新闻发布系统的前端页面,基本上功能都有. [实例截图] [核心代码] kindeditor └── kindeditor ├── jsp │ ├── demo.jsp ...
java设计最简单记账本_家庭记账本小程序之前端页面设计（java web基础版一）
1 2 3 4 5 6 7 编辑消费记录 8 9 10 11 12 13 $(function() {14 //提示用户添加失败,删除失败,修改失败 15 if(!${ empty requestSc ...
网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 本文讲描述, 如何在网页端实现一个仿微信 ...
博客系统的前端页面设计
目录首页的设计首页的导航栏首页的介绍栏首页的内容展示区下面框架的布局首页的设计首页的导航栏 <div class="导航栏"><div class= ...
HTML5前端页面设计,HTML5网页前端设计
HTML5网页前端设计编辑锁定讨论上传视频 <HTML5网页前端设计>是2017年6月清华大学出版社出版的图书,作者是周文洁. 书名 HTML5网页前端设计作者 ...
Ant Design 前端页面设计汇总
Ant Design 设计设计元素规范视觉要素应充分涉取自然界规律,降低用户认知成本主要字体为 14,与之对应的行高为 22 多数情况下,只出现 regular 以及 medium 的两种字体重 ...

前端页面设计（html）---基础常见问题

前端页面设计（html）---基础常见问题相关推荐

最新文章

热门文章