其他教程2023年05月22日

最近在适配移动端网页，参考了其他优秀网站和网易新闻APP、微信公众号文章这些排班优秀的页面，发现一个共性特点，就是原本PC端善用的网页段落首行缩进全都取消，采取左对齐而不用缩进了。 有人说移动端电子屏幕很小，首行缩进会减少信息量，并不很友好。在电子媒体中，首行缩进还有没有必要？ 在电脑端浏览为了页面内容整洁性和美观性，缩进两个字符是有必要的，但是在移动端浏览...

前端开发2023年05月22日

在移动端中，宽度100%，1px的线看起来要比pc端中宽度100%，1px的线粗， 那是因为css中的1px并不等于移动设备（物理像素）的1px。物理像素显示是1个像素代表2个像素，所以出现为2px 所以我们在移动端中为了让1px的线“看起来”苗条些，会采用一些手段。 解决办法 实现1px的线 方法一：transform 在移动端中，我们对宽度100%，1p...

前端开发2023年05月22日

一、直接CSS定义A样式 a{ outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); } -webkit-tap-highlight-color是ios和android下点击元素时出现的阴影，-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化，...

其他教程2023年05月22日

移动端适配的五种方法 所谓移动端适配，就是WebApp在不同尺寸的屏幕上等比显示 第一种方法：viewport适配 原理：通过设置 initial-scale , 将所有设备布局视口的宽度调整为设计图的宽度. //获取meta节点 var metaNode = document.querySelector('meta[name=viewport]'); //...

前端开发2023年05月20日

目前网站开发已经更多的转向移动端设计、制作，想询问一下移动端网页宽度多少合适？960px、640px、480px、320px？图片多少宽度适合？比如用640px的图片宽度设置为320px是否比较清晰？但是图片大小会较大是否合适？ 我用的一个傻办法，rem 首先，只需要要求美术按照6plus的分辨率来设计和出图。 然后页面HTML元素设置font-size：1...

后端开发2023年05月14日

1、判断是否是手机端 function isMobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息 if (isset($_SERVER...

前端开发2023年05月13日

平时在PC端开发页面，通过CSS样式的hover就可以实现按钮的效果，但转移到手机移动端是就无法实现了，如何解决呢？ .abc{border:0; width:480px; height:170px; transition: width .2s; -moz-transition: width .2s; /* Firefox 4 */ -webkit-tran...

前端开发2023年05月03日

<script type="text/javascript"> $(document).ready(function(){ //$('body').on('touchstart', function () {..... //手指触摸屏幕时触发事件 $(&#...