/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width) {/* Styles */}/* Smartphones (landscape) ---------...
原创
2023-05-10 10:00:18
352阅读
/* iPads (landscape) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024p...
原创
2023-07-17 16:35:15
202阅读
# 使用CSS控制iOS设备的横屏显示
iOS设备在水平方向上的显示（横屏）有时可能不如我们所期望。为了确保网页在用户将设备转向横屏时能良好显示，我们需要使用一系列的CSS技巧来优化页面。本文将指导你如何实现这一目标。
## 实现步骤
以下是整件事情的流程，表格形式展示了每一步的具体内容。
| 步骤 | 描述 | 所需时间 |
|------|
最近产品提出一个需求，在界面滚动时，元素右侧不显示滚动条。查了网上的答案，最后总结了一下几个情况。1、设置常规的滚动条：使用 overflow:auto。父元素需要设置一个高度，设置相对定位，这样子元素的高度大于父元素高度才能显示滚动条。如果父元素的高度完全由子元素撑开，界面上不会出现滚动条。设置overflow：auto 失效的主要问题：可能是这个div没有设置 100% 然后父元素清除浮动 (
转载
2024-09-07 19:00:57
101阅读
在手机端，当用户将手机转屏的时候，你制作的HTML的页面能被转屏后支持吗？估计很多开发者想兼容，却被卡在了转屏检测，也就是横屏竖屏判断这个环节，怎么知道用户此时的手机设备屏幕是横屏状态还是竖屏状态？ 今天就来整理一下js和css判断竖屏还是横屏的方法 css: @media screen and (orientation: portrait) { /*竖屏...*/} @med
原创
2022-09-14 16:52:44
431阅读
# 如何实现“css页面禁止iOS横屏”
## 流程表格：
| 步骤 | 描述 |
| ---- | ---- |
| 1. | 创建一个`meta`标签，用于设置`viewport` |
| 2. | 使用`@media`查询，检测iOS设备 |
| 3. | 添加`orientation`属性，设置为`portrait` |
```markdown
## 代码示例：
### 步骤1：
原创
2024-06-16 03:34:24
85阅读
//判断 移动设备 if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|Mobile)/i))) { window.location.href = 'file:///E:/澜途集思网站/2017LanTo-s/2017Mobile/index.html'; &nbs
原创
2017-08-25 16:22:34
1214阅读
background-color: #2a3138; position: fixed; bottom: 0; left: 0; width: 100%; height: 57px; overflow: hidden;
原创
2021-08-26 09:40:40
357阅读
css单位中分为相对长度单位、绝对长度单位。今天我们主要讲解rem、em、px这些常用单位的区别和用法。px（绝对长度单位）相信对于前端来说px这个单位是大家并不陌生，px这个单位，兼容性可以说是相当可以，大家对px的了解肯定是没有很大的问题的。em（相对长度单位）使用：1、浏览器的默认字体都是16px，那么1em=16px，以此类推计算12px=0.75em，10px=0.625em，2em=3
以前的很多老代码都不支持横屏，并且没有用约束去布局，各种手动的frame布局导致适配起来很困难，再加上View层级创建的不规范，各种controller的嵌套，导致适配起来很困难，最近遇到了不少的坑，回去看了官方的资料，捕获了不少东西。屏幕快照 2017-10-20 下午4.35.59.pngautoresizingMask虽然现在可以用约束，但是autoresizingMask还是很有用的。Wh
&nb
转载
2023-09-15 16:07:39
1064阅读
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> html { background: #000; } .overAll { back...
原创
2022-04-24 09:19:57
515阅读
纯CSS Lightbox效果 This is the main content. To display a lightbox click here This is the lightbox content. Close
转载
2014-03-11 16:01:00
265阅读
2评论
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> html { background: #000; } .overAll { back...
原创
2021-07-28 11:39:22
651阅读
如何更好地使用电脑与手机上的录屏功能，下面就让小编来好好讲讲这个问题，看看小伙伴们是不是经常也使用到。一、电脑录屏方法1、PPT录屏打开电脑上的PPT之后，只要点击【插入】-【屏幕录制】-【选择区域】-【录制】，最后就可以使用PPT为电脑录屏了。 2、Win10系统打开电脑之后按下快捷键【开始】+【G】，就可以打开Win10系统里面自带的录屏功能，最后只要点击一下录屏按钮就可以了。
转载
2024-03-26 17:54:18
99阅读
想必大家都注意到<marquee>的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出<marquee>，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLef
转载
精选
2008-07-26 16:29:43
6570阅读
4评论
眨眼间，已经到了2016你年春节前，离上一篇博客的时间已经有6个月多，回想起这半年的种种，不得不说，学习和工作实在是太忙了，或许这就是程序员的真实写照吧。 写博客之初，主要的目的还是为了把自己的学习痕迹记录下来，写的东西比较基础，
转载
2024-07-17 16:04:37
144阅读
自定义的拍照组件横屏拍照改变方向本人最近在做一个涉及到拍照的小程序，由于微信原生的拍照组件不能个性化定制，所以就自己改装了一个拍照组件 但是发现，正常竖向拍照的时候可以用， 但是横向拍照，所得的结果还是横向的，类似于截屏的效果，所以就想拍照的时候获取一下手机的方向，然后根据方向对所拍的照片进行旋转处理，以便达到横竖拍照，结果正常的效果。 话不多说以下就是利用canvas处理拍照的结果的解决功能代码
转载
2024-01-04 10:02:27
166阅读
1.设置全屏setContentView(myview)调用之前添加下面代码，可实现全屏requestWindowFeature(Window.FEATURE_NO_TITLE);//隐藏标题栏
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams
转载
2023-06-30 09:28:36
550阅读
怎么用Mac电脑远程控制Windows呢？Microsoft Remote Desktop是一款运行在Mac平台上的微软远程桌面连接工具，配置连接时，Microsoft远程桌面允许您决定应使用的分辨率，颜色质量，全屏模式，是否要全屏启动会话，是否使用所有尖视器，或者内容应该缩放。使用这款软件用户就可以轻松的实现远程办公，批量管理服务器，一键导入数据等诸多服务，为用户的工作效率带来巨大的提升。Rem
转载
2024-08-26 10:57:13
77阅读
