HTML页面反向显示与页面自动最大化语法示例
一、HTML页面反向显示
默认的HTML页面内容是从左到右显示的。那如何将其设置为从右到左显示。语法重点是dir属性,很多文本显示控件都具备这个属性,其用来控制文本的显示方向。“rtl”就是right to left的意思,表示从右到左显示。如果从左到右显示,就是“ltr”。
示例代码如下:
<!DOCTYPE html>
<html dir=rtl>
<head><meta charset="UTF-8"><title>PythonJsGo标题页</title>
<body>
这是一段PythonJsGo伟大的历史<br />
来自全世界的瞩目和掌声,总给PythonJsGo
</body>
</html>
反向显示的效果如图所示:
二、页面自动最大化
一些内容比较多的网站为了方便用户的操作,通常在打开页面时就将窗口设置为最大化。那如何使页面打开时默认为最大化状态。语法重点是screen对象,用其控制窗口,并实现窗口的最大化,其中“availWidth”表示屏幕允许的最大宽度,“availHeight”表示屏幕允许的最大高度。
示例代码如下:
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>PythonJsGo标题页</title><script language="javascript">//定位左上角self.moveTo(0,0);//调整屏幕self.resizeTo(screen.availWidth,screen.availHeight);</script>
</head>
<body><!-- 示例内容省略 --></body>
</html>
最大化的页面效果如图所示:
--------------------------------------
版权声明:本文为【PythonJsGo】博主的原创文章,转载请附上原文出处链接及本声明。
HTML页面反向显示与页面自动最大化语法示例相关推荐
- 微信打开页面底部显示“原页面已由QQ浏览器云转码”解决办法
问题描述: 微信分享的页面底部显示"原页面已由QQ浏览器云转码",页面布局只显示文字,没有图片等css样式,点击右上角在浏览器中打开还是会转码,没有样式只有文字. 原因分析: 1. ...
- 笔记-返回到前一个页面时显示前一个页面中ajax获取的数据
笔记第一部分:http://www.cnblogs.com/zczhangcui/p/6869219.html 在第一部分遇到的问题是,用ajax获取了一系列列表信息后,拼接好html后插入到了原有页 ...
- django 访问不到页面时显示404页面
1,修改主目录,settings.py文件 DEBUG = FalseALLOWED_HOSTS = ['*',] 2,在templates目录下放置404.html <!DOCTYPE htm ...
- 微信小程序绑定数据页面不显示并且页面没有报错
<!--index.wxml--> <view> {{ message }} </view> js Page({ data: { message: 'Hello M ...
- html页面中文显示乱码问题
html页面中文显示乱码问题 html页面中出现中文时可能在前端显示为乱码. 问题原因: 页面的显示编码和存储编码不一致 解决方案:修改显示编码和存储编码为一致. 步骤: 修改页面的显示编码 修改页面 ...
- 微信小程序-学生登录后跳转-显示教师页面信息
1.页面跳转. //页面跳转wx.redirectTo({url: '../teachers/teachers' //跳转到教师页面}) 2.显示老师页面信息 wxml中 <view class ...
- html页面中文显示乱码问题解决方法
html页面中出现中文时可能在前端显示为乱码. 问题原因: 页面的显示编码和存储编码不一致 解决方案:修改显示编码和存储编码为一致. 步骤: 修改页面的显示编码 修改页面的存储编码 修改页面的显示编码 ...
- 优酷海外用户自动显示简体页面方法
由于本人有强迫症,在海外使用优酷老是给我显示繁体界面,看着很难受,简单研究了一下 先拉到页面最下方,看到切换简体/繁体的按钮右键Inspect Event Listeners 里展开Click事件,点 ...
- 手机整屏显示数据php,JavaScript实现移动端页面按手机屏幕分辨率自动缩放示例...
这篇文章主要介绍了移动端页面按手机屏幕分辨率自动缩放的js代码,通过阻止浏览器的默认行为各方面分析缩放的功能实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下. 手机的屏幕有大有 ...
最新文章
- 从头開始写项目Makefile(三):变量的使用
- React之props批量传递
- 使用PostSharp进行AOP框架设计:一个简单的原型
- 使用java实现打印功能_java实现打印功能有没有比较好的方式?
- 安装Windows 10 V1909对CPU有什么要求?
- Windows下配置Apache服务器
- android系统结构与应用编程 实验报告_学习编程或编码的最佳Android应用程序
- Springboot的工作机制:3 SpringApplication:SpringBoot程序启动的一站式解决方案
- 计算机电脑基础程序,电脑程序入门知识
- Nagios安裝与配置
- 下厨房内部孵化项目——懒饭产品体验分析报告
- sql 远程过程调用失败
- 决斗吧4G LTE:联发科helio步步紧逼,高通裁员步步惊心---国际电子商情
- Pόlya定理详解及例题
- 6种改善客户体验的方法
- AD9361 介绍 (中)
- 云呐|加强实验室固定资产设备在线信息化管理
- 【Leetcode】1774. Closest Dessert Cost
- HCIP-H12-223单选题库
- matlab每两个数插0,【求助】matlab里两个相等的数相减为什么不等于0呢