asp网站开发中,c#怎样获取aspx页面的宽度,我想调屏幕自适应,不知道要判断什么参数

asp网站开发中,c#怎样获取aspx页面的宽度,我想调屏幕自适应,不知道要判断什么参数,第1张

当然我不知道你是不是受到了什么影响。 asp aspx其实都是一样。它是后端语言 但是浏览器只认识 html 语言。所以其实 你反过来想 它就是html页面。而且是标准的。

所以你应该查 js 如何获取 页面的高度跟宽度

alert($(window)height()); //浏览器时下窗口可视区域高度

alert($(document)height()); //浏览器时下窗口文档的高度

alert($(documentbody)height());//浏览器时下窗口文档body的高度

alert($(documentbody)outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

alert($(window)width()); //浏览器时下窗口可视区域宽度

alert($(document)width());//浏览器时下窗口文档对于象宽度

alert($(documentbody)width());//浏览器时下窗口文档body的高度

alert($(documentbody)outerWidth(true));

由淘宝前端的一篇rem的文章( 点击前去 ),得知安卓40以下的版本浏览器,浏览器可见区域宽度与实际不符(如文中的例子,中兴U930手机上物理分辨率宽度为540px(windowouterWidth), 页面可见区域宽度值为360px(windowinnerWidth), 而实际页面可利用的宽度为400px左右),而引出了另一个问题,js中能够获取到各种宽度的方式,和各种宽度代表的意义。

综合下表,(在不考虑低版本安卓浏览器 页面可视区域js取得的值与实际可利用区域不符的情况)我们 设置根字体大小(用于rem)使用页面宽度的1/10,在不主动改变滚动条样式的情况下,页面宽度使用documentducumentElementclientWidth ,若需改动滚动条样式则判断为webkit内核的手机浏览器 的情况下使用windowinnerWidth

在html中获得android手机中浏览器的屏幕宽度的方法:

1、在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度:

[html] view plaincopy

<meta name="viewport" content="width=device-width, initial-scale=10, minimum-scale=05, maximum-scale=20, user-scalable=yes" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="format-detection" content="telephone=no" />

第一行:

width=device-width :表示宽度是设备屏幕的宽度

initial-scale=10:表示初始的缩放比例

minimum-scale=05:表示最小的缩放比例

maximum-scale=20:表示最大的缩放比例

user-scalable=yes:表示用户是否可以调整缩放比例

第二行:

设定iphone端页面全屏。

第三行:

取消数字被识别为电话号码。

2、如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:

[html] view plaincopy

<meta name="viewport" content="width=device-width, initial-scale=10, minimum-scale=10, maximum-scale=10, user-scalable=no" />

3、这样可以把一些页头横幅等的的宽度都设置成style="width:100%",整个页面在设备上看起来就是全屏的了。

一、途径:

第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度,而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。

二、小结:

因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

三、代码:

var o = documentgetElementById("view");

var h = ooffsetHeight; //高度

var w = ooffsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]

以上就是关于asp网站开发中,c#怎样获取aspx页面的宽度,我想调屏幕自适应,不知道要判断什么参数全部的内容,包括:asp网站开发中,c#怎样获取aspx页面的宽度,我想调屏幕自适应,不知道要判断什么参数、Jquery如何获取浏览器窗口宽度、html各种页面宽度outerWidth、innerWidth、clientWidth等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9525336.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存