渐变色代码

.gradien{background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#fff));
background: -webkit-linear-gradient(top, #f3f3f3 0%,#fff 100%);
background: -o-linear-gradient(top, #f3f3f3 0%,#fff 100%);
background: -ms-linear-gradient(top, #f3f3f3 0%,#fff 100%);
background: linear-gradient(to bottom, #f3f3f3 0%,#fff 100%);
text-overflow: ellipsis; }
页面随屏幕大小自动产生横向和纵向滚动条 

<style>

body{
  margin:0px;
  width:100%;
  min-width:1500px;
  max-width:100%;
  height:100%;
 
}
#head{
 
  width:100%;
  height:100px;
}
#center{
 
  width:100%;
  min-height:100%;
}
#foot{
 
  width:100%;
  height:100px;
}

</style>

转载于:https://www.cnblogs.com/maibao666/p/11057557.html

渐变色 + 屏幕缩小自动产生滚动条相关推荐

  1. html自动缩放不出现滚动条,HTML页面缩小后显示滚动条的示例代码

    这里记录一下如何使得HTML页面缩小之后,底部出现滚动条,使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方. 说一下这样做的好处. 首先,一般界面缩小之后不出现滚动条,用户就不能访问被隐藏的地方 ...

  2. Bootstrap屏幕缩小时在导航栏下生成滚动条

    相关说明:Bootstrap在进行响应式布局时,当屏幕缩小到一定程度时在导航栏下生成滚动条. 主要代码: @media screen and (max-width:780px){#product .p ...

  3. 计算机桌面打开为缩小模式,电脑桌面屏幕缩小了怎么办

    1.电脑屏幕变小了怎么还原 电脑屏幕变小了还原方法: 第一步.把鼠标移动到电脑桌面空白处,右键鼠标选择"属性". 第二步.在弹出来的框点击"设置",在屏幕分辨率 ...

  4. 怎么设置电脑屏幕一直亮着_电脑屏幕缩小了肿么调回去。分辨率调了没用。

    电脑屏幕缩小了肿么调回去.分辨率调了没用. 写回答... 这种情况是电脑屏幕分辨率设置问题.正确的设置方法: 解决方法: 1.桌面空白处右键菜单选择屏幕分辨率 2.弹出对话框中点住小滑块上下拉动设置到 ...

  5. jsp页面适应手机屏幕_JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码...

    手机的屏幕有大有小,移动web最好做成响应式布局,也就是自适应屏幕,没有固定宽高,这样的话,在所有手机上都可以正常显示.关于移动端页面按手机屏幕分辨率自动缩放的js,先附上代码 var phoneWi ...

  6. 手机整屏显示数据php,JavaScript实现移动端页面按手机屏幕分辨率自动缩放示例...

    这篇文章主要介绍了移动端页面按手机屏幕分辨率自动缩放的js代码,通过阻止浏览器的默认行为各方面分析缩放的功能实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下. 手机的屏幕有大有 ...

  7. html5自动出现滚动条,关于HTML中的滚动条/去掉滚动条问题本

    html 怎么去掉网页的滚动条 body里面加 body{ overflow:scroll; overflow-x:hidden; } 这个是y轴有滚动条,x轴没有.如果是都要滚动条就去掉overfl ...

  8. 页面如何自动出现滚动条(overflow属性用法)

    1.今天在调试程序时犯了一个低级错误,就是有关页面内容出现滚动条的用法: (1)刚开始在Body用了Overflow:hidden这个属性溢出元素时,隐藏,这种情况下是不会自动出现滚动条的 (2)然后 ...

  9. 解决手机訪问站点时总体相对屏幕缩小问题?(已解决)

    解决手机訪问站点时总体相对屏幕缩小问题?(已解决) 自己开发出来的站点,在手机上訪问时,总是总体小了一块.不能非常好的适应屏幕,每次都要用手指再放大到合适尺寸,后发现,须要在开发代码中加入: < ...

最新文章

  1. 八零后高薪程序员感慨中年危机,月薪五万多,想要跳槽没地方!
  2. 收藏 | 最新知识图谱论文清单(附解读、下载)
  3. 提取ESX/ESXI4.0脚本安装文件ks.cfg、ks-first.cfg和ks-first-safe.cfg
  4. SSI注入(server side includes injection 服务器端包含注入)
  5. 南信大c语言实验8报告,北科大C语言程序设计实验报告8论文报告.doc
  6. [转载]Windowsnbsp;Servernbsp;2008nbsp;R2nbsp;之二十五ADnbsp;RMS信任策略
  7. Python之isinstance
  8. java入学测试_OLI 课程 Java入学考试的五道题
  9. python 基础学习1
  10. FireDac 组件说明二
  11. 动画:用动画给面试官解释 TCP 三次握手过程
  12. 使用MySQL Workbench备份和还原数据库
  13. Elasticsearch优化原理
  14. 【推荐】精选行政文书模板大全(调查报告+会议纪要+通知+通告+总结+规定等模板,共177份)
  15. HelloWorld Detail Earth 3D Engine(二)城市渲染
  16. 计算机流水线重要知识,计算机组成与体系结构——流水线相关知识点(常考计算)...
  17. 用计算机升级ipad系统软件,iPad如何升级系统?三种ipad升级系统的方法汇总
  18. Js两数加起来=目标数的下标,返回的下标按升序排列
  19. IgnoreActorWhenMoving
  20. ESP32通过蓝牙接收回发数据(有示例代码和步骤)

热门文章

  1. batch normalization的原理和作用_springboot自动配置原理
  2. 什么相片可以两张弄成一张_手机修图教程 | 如何不着痕迹地给相片添加优雅手写字体?...
  3. Android自定义弹窗模仿微信,Android仿微信右上角点击加号弹出PopupWindow
  4. 【干货】路由黑洞的5种解决方法大PK
  5. 订单峰值激增 230%,Serverless 如何为世纪联华降本超 40%?|双11 云原生实践
  6. linux运维技巧,Linux运维需要掌握的17个实用技巧
  7. 数控程序中r及q代表什么_你想学会数控宏程序编程,推荐你套数控编程教程
  8. hbase shell 查看列名_hbase shell 命令行的操作
  9. ios nslinkattributename 自定义url_iOS音视频播放指南(二)
  10. textarea 转换 html,textarea html标签转换为纯文本