jsp页面适应手机页面

最新推荐文章于 2020-11-20 10:02:59 发布
最新推荐文章于 2020-11-20 10:02:59 发布
阅读量550 收藏 1
点赞数 2
分类专栏： JSP 文章标签： JSP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39480894/article/details/81712076
版权

经常遇到JSP网页需要适配手机设备的尺寸问题

解决：在JSP加入<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>

看不见_风景
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsp页面适应手机屏幕_Jsp编写的页面如何适应手机浏览器页面
weixin_39996134的博客
12-21 654
经常遇到JSP网页需要适配手机设备的尺寸问题解决：在JSP加入content属性值 :width:可视区域的宽度，值可为数字或关键词device-width(设备的宽度)maximum-scale=2.0, minimum-scale=1.0;可视区域的缩放级别实现了适应手机页面，主要是设置了width为device-width，device-width为使用设备的宽度。REF:网页布局的原则一....
通过viewport实现jsp页面支持手机缩放
10-25
通过合理设置这些属性，我们可以确保jsp页面在手机上能够自动调整布局，适应不同的屏幕尺寸，并且用户可以根据需要自由缩放页面。这在移动优先的设计策略中非常重要，因为它确保了在各种设备上都能提供良好的可读性...
适合手机开发的jsp页面
08-16
已经设置好，下载后访问index.htm即可
关于JSP适配手机的问题
weixin_30535167的博客
08-18 216
https://blog.csdn.net/jikak1153/article/details/40747041 转载于:https://www.cnblogs.com/DixinFan/p/9497356.html
JSP 适配手机屏幕
weixin_34205826的博客
07-22 379
&lt;meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" /&gt;   [html] view plain copy    print? &lt;?xml version="1.0" encoding="UTF-8"?&gt;   &l
缩放浏览器不会换行_HTML5之页面缩放 viewport
weixin_39874809的博客
11-20 384
一、前言前短时间突然遇到一个需求，发现之前一直忽略的点。二、故事背景事情是这样的：是一个公共资源的项目。详情页的内容全部是由后端接口返回，带style样式的标签内容(即富文本)，大多表格之类的。现在提出详情页面内容与屏幕大小不匹配。针对这个问题，我进行了一些反馈，建议后端去调整。方法1：建议统一对样式进行 过虑处理，适应手机端。同时规定下发布信息的方式，避免过于复杂。方法2：要不就返回固定的语义化...
漂亮的jsp页面
03-03
【标题】：“漂亮的jsp页面”通常指的是使用JavaServer Pages（JSP）技术设计的美观、用户友好的网页。JSP是一种服务器端脚本语言，它允许开发者将HTML、CSS、JavaScript与Java代码混合编写，以创建动态网页内容。在...
jsp 页面中放置 各种格式音频
11-20
本文将深入探讨如何在JSP页面中放置各种格式的音频。 首先，理解JSP的基础是非常重要的。JSP是一种服务器端的脚本语言，它允许开发者在HTML页面中嵌入Java代码，以便动态生成内容。由于JSP最终会被转换为Servlet，...
js代码实现jsp页面中div样式自适应pc和手机端
诚的专栏
01-18 1841
要实现上图中div的自适应Js代码如下： var screenWidth = window.screen.width;         if(screenWidth &lt;= 1200){             headerDiv.style.width = "1200px";         }else{            headerDiv.style.width = "aut...
JSP适应手机端
cartman1993的博客
08-23 1597
&lt;meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=2.0" /&gt; 在head里面加入上面的代码就可实现
Jsp编写的页面如何适应手机浏览器页面
mmayanshuo的博客
03-17 8113
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0; charset=UTF-8">content属性值 :width:可视区域的宽度，值可为数字或关键词device-width(设备的宽度)maximum-scale=2.0, minimum-scale=1.0;可视区域的
jsp wap页面手机浏览器自适屏大小
热门推荐
海盗的成长
07-27 1万+
可以使网页被手机浏览器浏览的时候，不会过于小。
手机网站实现自适应代码
杨多多的技术学习博客
08-09 1018
jsp页面如何适配不同屏幕大小的手机浏览器？
技术博客
01-14 1869
一，应用场景        移动应用app终端，需要定制一些活动页面，开展运营类的活动。可以使用jsp定制活动页面，使用css样式适配不同终端的屏幕大小。 二，css适配样式       css适配样式如下： //适配手机屏幕宽度&lt;=330px的手机 @media screen and (max-width:330px) { body { font-size: 32%...
手机端App显示jsp页面的注意事项
方新德的博客
05-04 8733
在手机与后台服务的交互过程中，为了便于操作，可能用手机直接显示jsp页面，在测试过程中，一些注意事项需进行注意，本文所列举的案例是手机浏览器显示一篇jsp类型的文章。 1.手机浏览器中采用本地服务器进行测试时不能采用localhost:8181端口，采用如下类型接口地址不能访问本地服务器的jsp. http://localhost:8181/cloudmansion/system/smart/e
移动页面自适应手机屏幕宽度
menglexinglai的专栏
10-10 2612
网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。 1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 首先解释该标签的含义： 如果你完全不了解这个标签的使用需要先百度一下。 解释：content中的“width” 这个wi
用jsp写一个手机页面，证书查询页面
最新发布
06-06
好的，以下是一个简单的jsp页面，用于在手机上查询证书： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>证书查询</title> </head> <body> <div style="text-align:center;"> <h1>证书查询</h1> <form method="post" action="query.jsp"> <label for="certNo">证书编号:</label> <input type="text" id="certNo" name="certNo"><br><br> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <input type="submit" value="查询"> </form> </div> </body> </html> ``` 在上面的代码中，我们通过使用meta标记来设置页面的编码和缩放比例，使页面适应不同尺寸的移动设备。我们还使用了内联样式来使页面居中对齐，并创建了一个简单的表单，用于用户输入证书编号和姓名。 当用户提交表单时，我们将数据提交到另一个名为"query.jsp"的页面进行处理。在该页面中，我们可以使用Java代码来查询证书信息，并将结果呈现给用户。以下是一个简单的示例： ``` <% // 获取用户输入的证书编号和姓名 String certNo = request.getParameter("certNo"); String name = request.getParameter("name"); // TODO: 根据证书编号和姓名查询证书信息 // 将查询结果呈现给用户 %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>查询结果</title> </head> <body> <div style="text-align:center;"> <h1>查询结果</h1> <p>证书编号: <%= certNo %></p> <p>姓名: <%= name %></p> <p>证书状态: 已颁发</p> </div> </body> </html> ``` 在上面的代码中，我们使用request.getParameter()方法获取用户输入的证书编号和姓名，并使用Java代码查询证书信息。在这个例子中，我们简单地呈现了查询结果，告诉用户证书状态已经颁发。 希望这可以帮助您开始编写自己的证书查询页面！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值