html各种页面宽度outerWidth、innerWidth、clientWidth

html各种页面宽度outerWidth、innerWidth、clientWidth,第1张

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

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

是为了打印么?这个和页面本身的大小关系不大,比如你有一个照片要打印,你可以打印20寸,也可以打印5寸,当然,照片的像素决定了最佳的打印大小,网页也是一样。网页的像素宽度和长度就是它的大小,你可以把网页保存下来,再用网页制作软件打开,便可以获得详细的像素尺寸。

必须注意的是,有的网站的宽度设定取决于你的浏览器宽度,两者通过百分比关系建立联系,此时网页面积就是不定的了。

public void save(){

try {

FileOutputStream outStream=thisopenFileOutput("atxt",ContextMODE_WORLD_READABLE);

outStreamwrite(textgetText()toString()getBytes());

outStreamclose();

ToastmakeText(MyActivitythis,"Saved",ToastLENGTH_LONG)show();

} catch (FileNotFoundException e) {

return;

}

以上就是关于html各种页面宽度outerWidth、innerWidth、clientWidth全部的内容,包括:html各种页面宽度outerWidth、innerWidth、clientWidth、如何测量网站首页页面的大小、juicer渲染页面怎么判断list的长度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/10094108.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存