height: 100vh;		width: 100vw;            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-22 11:01:30
                            
                                833阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在以前的代码中, 对贴子中超过746像素宽的图像自动调整为746大小。现在用宽屏显示器的越来越多,需要将ubbshow.js中的图像重绘代码作些修改,使图像大小随屏幕大小及不同的css风格自动调整。该代码运行的前提是先为headerbg样式指定个ID名,也就是把header.asp中的class='headerbg'之前加上一句id='headerbg', 这样后面的代码就能访问这个headerb            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-01 10:26:41
                            
                                265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            网页适应移动端,把默认的layout viewport的宽度设为移动设备的屏幕宽度
代码如下:
或者
 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-07 20:22:00
                            
                                45阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <script>    function jumpIfMobile() {        //判断是移动设备 且 宽度小于1024 后跳转到m站        if ( window            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-18 17:26:51
                            
                                117阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            expression(document.body.offsetWidth + "px"); expression(document.body.offsetHeight + "px");            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-18 00:51:07
                            
                                2589阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒,是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC端页面,1个px等于1个物理像素的,但是移动端就不尽相同一个px的能显示的物理像素点的个数,称为物理像素比或屏幕像素比1.2 背景缩放background-size语法:background-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-13 11:23:17
                            
                                273阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             1、(宽度自适应):在网页代码的头部,加入一行viewport元标签。<meta name="viewport" content="width=device-width,initial-scale=1" />      viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=dev            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-09 08:52:24
                            
                                218阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # jQuery在手机端获取屏幕宽度的方法
随着移动设备的普及,越来越多的网页开发者开始关注如何更好地适配各种屏幕尺寸的设备。手机屏幕的宽度不仅影响到网页的布局和样式,还会影响用户体验。而在这方面,jQuery作为一种简洁、高效的JavaScript库,为开发者提供了非常便利的工具。在本文中,我们将深入探讨如何使用jQuery在手机端获取手机屏幕宽度,并提供一些代码示例和使用场景。
## 一、            
                
         
            
            
            
            网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。 1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 首先解释该标签的含义: <met            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-18 13:42:56
                            
                                110阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            关于电脑显示器画面怎么调整这个问题,其实很简单的,下面就由学习啦小编来为你们简单的介绍电脑显示器画面的调整方法吧!希望你们喜欢!电脑显示器画面的调整方法:1.在桌面空白处点击鼠标右键,在弹出菜单中选择屏幕分辨率。2.在显示属性窗口,点击“设置”选项卡。3.调整屏幕分辨率滚动条,最后点击确定即可。附加台式显示器屏幕的调整方法:电脑显示器大同小异,上面一般都会有“menu”、“auto”等按键,这些按            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-10 14:49:46
                            
                                126阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            基于移动端H5的业务场景下,移动端设备的适配问题显得尤为重要,规划好移动适配方案是项目可以完美落地的基石。所以了解rem、em、css、px、device px等概念以及相互之间的差别与联系是设计出好的适配方案的基础。 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-01 22:05:00
                            
                                1196阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目的:设计网站的时候考虑多屏幕尺寸的兼容显示问题。一、viewportviewport指网页的可视区域。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页元素都挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。常见的使用viewport来优化网页适应移动端            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-13 08:31:24
                            
                                170阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            meta            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-26 10:38:51
                            
                                135阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css如何定位网站的footer(用DIV+CSS让footer始终在底部) 平时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的 定位,如果内容比较少的话,页面的FOOTER就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小 的技巧给大家分享 &            
                
         
            
            
            
            纯CSS实现移动端常见布局——高度和宽度挂钩的秘密
不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊…可是在项目上线之后,才让我崩溃了,原因非常easy,在低于安卓4.4的版本号的手机上,自带的浏览器是不支持这个属性的.
好吧,这还不时最坑爹的,在国产的猎豹浏览器以及其它一些浏览器里面,有可能也不支持.总而言之,这个坑踩大了.只是没关系,大部分的常            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-07-10 13:07:00
                            
                                111阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!-- js -->
    <script type="text/javascript">
      if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
              
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-12-17 14:09:21
                            
                                1635阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-form-item
            style="width:100%"
            label="单位"
          >
            <el-select
              v-model="lngcustomerid"
              v-selectloadmore:rangeNum="loadMore(            
                
         
            
            
            
            1、技术点 移动端自适应采用百分比布局比较适合。需要说明一点的是:height的百分比是以父元素的宽度计            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-11-10 15:11:00
                            
                                388阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # 移动端获取屏幕高
在移动端网页开发中,我们经常需要获取设备的屏幕高度,以便调整页面布局或元素的呈现方式。在jQuery中,我们可以轻松地获取屏幕高度,并根据需要进行处理。本文将介绍如何使用jQuery在移动端获取屏幕高度,并提供示例代码帮助您快速上手。
## 获取屏幕高度
在移动端开发中,我们通常需要获取设备屏幕的高度来适应不同的屏幕尺寸和分辨率。在jQuery中,可以使用`$(wind            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-05 07:05:31
                            
                                108阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、Element ui 默认的宽度是420px 在移动端长度太长,需要审批2、解决方案 customClass: 'msgbox'   给弹出框加一个额外的class 名称3、效果            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-06 16:31:32
                            
                                1864阅读
                            
                                                                             
                 
                
                                
                    