自适应网页设计四步搞定

作者:小菜 更新时间:2025-03-15 点击数:
简介:自适应的布局未来会成为潮流,这种设计同时满足了1.根据用户窗口大小的不同做出改变2.在一定宽度范围内提供稳定的视觉体验缺点则有对老旧和非标准浏览器的兼容性较差,

【菜科解读】

自适应的布局未来会成为潮流,这种设计同时满足了

1.根据用户窗口大小的不同做出改变

2.在一定宽度范围内提供稳定的视觉体验

缺点则有对老旧和非标准浏览器的兼容性较差,对产品定义和设计能力的要求较高,对页面做出调整时需要同时改变多种尺寸下的布局下面就说说自适应网页设计的方法:

1、在HTML头部增加viewport标签。

在网站html文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。

代码如下:

这段代码支持Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。

2、在css文件尾部增加针对不同屏幕分辨率的规则。

例如使用如下的代码,可以让屏幕宽度低于480像素的设备(如iPhone等),网页侧栏隐藏中部内容栏宽度自动调节。

以下代码针对Z-Blog,WordPress相关标签名称只需修改一下即可。

@media screen and (max-device-width: 480px) {#divMain{float: none;width:auto;}#divSidebar {display:none;}}

3、布局宽度使用相对宽度。

网页总体框架可以使用绝对宽度,但往下的内容框架、侧栏等最好使用相对宽度,这样针对不同分辨率进行修改就方便。

当然也可以不用相对宽度,那就需要在 @media screen and (max-device-width: 480px) 里面增加各个div的针对小屏幕的宽度,实际上更麻烦。

4、页面使用相对字体

在HTML页面上不要使用绝对字体(px),而要使用相对字体(em),两者换算关系是:em = px/16 ,例如16px就等于1em。

根据上面讲述的几点内容,我针对我博客的CSS进行了一些修改,发现可以从iPhone手机浏览到体验更佳的页面,但有一个问题没有解决,就是顶部导航栏navbar显示有问题,换行后被下面的文章盖住了,不知道怎样能更好地解决这个问题。

总之,根据上面四步进行修改的话,可以很简单地将一个网站修改为适合多种设备浏览的页面,这对于通过手机访问网站的用户来说,的确是一件好事。

自,适应,网页设计,四步,搞定,自,适应,的,布局,

灵活就业人员自己交社保一个月多少钱?以西安为例2025/04/20

灵活就业者每个月需要缴纳的社保费用主要取决于当地的月平均工资以及所选择的社保项目。

一般来说,灵活就业者可以选择参加养老保险和医疗保险。

灵活就业者在参加养老保险时,需要按照在岗职工月平均工资的20%缴纳基本养老保险费。

例如,如果当地的月平均工资为5000元,那么灵活就业者每个月需要缴纳1000元(5000元*20%)作为养老保险费用。

医保一般是按当地上年度月平均工资的4.2%缴纳基本医疗保险费。

以月平均工资5000元为例,灵活就业者每个月需要缴纳210元(5000元*4.2%)作为医疗保险费用。

灵活就业人员自己交社保一个月多少钱?根据新社通app-社保缴费查询工具提供的2025社保缴费标准详情数据:据新社通app数据显示,西安灵活就业人员养老缴费基数2024-2025年最新标准如下:养老保险最低缴费基数为:4559元;个人缴费比例:20%,个人缴费金额:911.8元;(注:本文数据仅供参考,具体以当地缴费标准为准)了解您的社保缴纳明细——新社通app计算器!点击下方使用!新社通社保计算器计算所得,数据仅供参考。

灵活就业社保与职工社保险种有什么不一样:灵活就业社保:主要涵盖养老保险和医疗保险,部分地区可能还包括失业保险,但不包括工伤保险和生育保险。

企业员工社保需要缴纳“五险”,即:养老保险、失业保险、工伤保险、医疗保险、生育保险。

2025退休金计算方式是怎样的? 基本养老金=(退休时上年度全市城镇单位就业人员月平均工资+本人指数化月平均缴费工资)÷2缴费年限1%。

其中,本人指数化月平均缴费工资是退休时上年度全市城镇单位就业人员月平均工资与本人月平均缴费工资指数的乘积,而本人月平均缴费工资指数则是所有缴费月份的缴费指数之和除以累计缴费年限的月数12。

个人账户养老金=个人账户储存余额/计发月数。

?养老保险个人账户余额?:是个人缴纳的养老保险费及其产生的利息等累计金额。

?计发月数?:根据退休年龄确定,例如60岁退休对应的计发月数是139个月,55岁退休是170个月,50岁退休是195个月。

过渡性养老金的计算公式为:(退休时社会平均工资+个人视同缴费指数退休时社会平均工资)÷2视同缴费年限过渡性系数。

过渡性调节金以当地现行标准为基数,2006年至2014年退休的按一定比例计发。

2015年及以后退休的,不再发给过渡性调节金。

上百具秘鲁无头遗骸谜团,竟然是宗教活祭的祭品?还是自愿

在地球的南美洲大陆上,隐藏着灿烂的文明,曾经兴盛一时的玛雅文明和印加文明都在这里,他们在这片土地上面留下了灿烂的遗迹,近年来有考古学家发现上百具秘鲁无头遗骸,可以说是震惊整个考古学界,这些人为何被被砍掉头颅呢?上百具秘鲁无头遗骸在2011年,考古学家在印加文明的一座金字塔遗址附近进行考古发掘,没过多长时间就有了令人震惊的发现,在一个15个平米的挖掘坑中发现了数百具遗骸,这些遗骸大部分都没有头颅。

面对这一惊人地发现,考古学家马上对这些秘鲁无头遗骸进行了研究,发现其绝大多数都是男性的遗憾,只有两名女性倒着两名儿童。

埋葬的地方在以前是一个商业帝国,民众基本上不是非常的好战。

为宗教而献身的人们而这群秘鲁无头遗骸的死因就尤为蹊跷了,研究人员认为,所有这些遗骸都有可能属于当地社群中的自愿者,他们自愿参与到这种宗教仪式中来庆祝死亡,认为这样能够获得新生。

当时这个帝国宗教氛围浓厚,当地人的祖先一些最神圣的宗教仪式都发生于此地。

大规模宗教祭祀是对此次发现的最可能的解释。

然后,此前在西坎地区从未发现过类似的现象,因为它介于宗教祭祀与屠杀之间。

除了人类头骨外,菜叶网,挖掘坑中还发现了西坎神的陶制头像,这种头像一般用于装饰葬礼器物、吉开酒杯等。

在挖掘坑中,已发现多种此类葬礼器物和吉开酒杯等物品。

此外,挖掘坑中还发现了许多种陶制的动物头部,如骆驼、美洲狮、猴子、海龟、熊等。

猜测附近隐藏着皇帝的坟墓考古学家怀疑,这个大规模的遗骸群可能只是西坎时期一个皇帝葬礼祭品的一部分。

不过,这个皇帝墓至今仍未发现,可能位于这个挖掘坑的下方。

在挖掘点的最深处,我们已经发现一个异常坚硬的人造粘土层。

这与历史西坎人用粘土封闭皇帝墓的方法非常相似。

我们现在仅仅是推测,但是如果新发现确实是一座墓的祭品,那么这将是一个非常主要的墓主。

加入收藏
               

自适应网页设计四步搞定

点击下载文档

格式为doc格式

  • 账号登录
社交账号登录