JSP 适配手机屏幕

content="width=device-width,

minimum-scale=1.0, maximum-scale=2.0" />

[html] view plain copy

print ?

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0"/>

可以使网页被手机浏览器浏览的时候，不会过于小。

时间： 2024-11-03 21:51:13

JSP 适配手机屏幕的相关文章

CSS3自适配手机屏幕[转]

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-sc

切图微适配(weishipei.qietu.com) 讯:如何强制pc网站在手机屏幕下适配呢,切图微适配团队教你一个简单有效的解决方案,通过增加meta标签来实现: 第一个meta标签表示: 强制让文档与设备的宽度保持1:1: 文档最大的宽度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值): user-scalable定义是否可缩放(0为不缩放),使页面固定设备上面的大小. 当然加了这个之后,还需要通过css代码来细微的调整才能达到网页在移动设备下适配并

CSS3自适配手机屏幕

@media only screen and (max-width:350px){ .img{ width: 80px; height:70px; background-image: url(./images/heart2.png); background-size: 100% 100%; float: left; margin-top: 5%; margin-left: 5%; font-size: 10px; } } @media only screen and (min-width:350

设置320定宽通过transform:scale 适配手机屏幕

wap页面的结构都放到 LM-wall320 里 <div id="LM-wall320"> ... </div> 通过js根据不同手机页面的宽度根据320计算从顶部中间开始缩放 (function(){ var doc = document, style=doc.createElement('style'), Timmer = null; style.innerHTML = setStyle(); doc.getElementsByTagName('head

背景图片适配手机屏幕大小的设置方法。。。。。。。。。。。。

1 .bg{ 2 width:100%; 3 height:100%; 4 background-image: url(../image/splash.png); 5 background-size: 100% 100%; 6 background-size: cover; 7 position: fixed; ----重点 8 display: block; 9 }

New UI-获取手机屏幕尺寸与分辨率,屏幕适配,横竖屏问题

New UI-获取手机屏幕尺寸与常用分辨率,屏幕适配,横竖屏问题 --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文更加的详尽,帮到更多的人,O(∩_∩)O谢谢! 小猪Android开发交流群:小猪Android开发交流群群号:421858269 新Android UI实例大全目录:http:/

腾讯的手机屏幕的适配代码

腾讯的适配代码 ,比较权威 ,果断盗用! <script type="text/javascript"> if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test

了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用.使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果. rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算.一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元素的 font-size 来做屏幕适配,但实际情况真有这么简单吗? 首先我们来看看使用 rem 实现手机屏幕适

手机屏幕适配原理及实现

手机屏幕是用户与 App 最直接的交互点不同的分辨率下用户对我们的 App 具有明显的感观差异,主流分辨率的更新迭代却又完全独立于 App 进行.这让我们想要使 App 在绝大多数主流手机上都保持感观.体验的一致性提出了很大的挑战. 屏幕尺寸严格来说,屏幕尺寸实际被物理尺寸和显示分辨率两个部分定义. 而我们今天对各类手机.Pad 设备所说的屏幕尺寸,只指物理尺寸. 如果一块手机屏幕的物理尺寸是 5.5 英寸,即是指该手机屏幕对角线的长度. 屏幕分辨率屏幕分辨率是指屏幕图像的精密度,是显示器