使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。
通用手机端样式：
@media all and (orientation : portrait) {
/*竖屏*/
}
@media all and (orientation : landscape) {
/*横屏*/
}
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/949.html
×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏
支付宝扫一扫打赏
简忆博客
勤于学习，乐于分享
置顶推荐
标签云
PgSQL
Highlight
SqlServer
字节跳动
企业微信
uView
MongoDB
微擎
wepy
ES6
游戏
uni-app
WordPress
canvas
FaceBook
SEM
云存储
刷机
Flutter
vscode
Docker
RabbitMQ
SVN
composer
插件
路由器
TP6
OneThink
Vue
swoole
Redis
帝国cms
CodeIgniter
虚拟机
方法技巧
防护
软件下载
JavaScript
AI
go语言
Android
JAVA
Git
Layui
React
区块链
Laravel
Mysql
node.js
html
linux
window
ECharts
GITHUB
bootstrap
UEditor
SEO
模板
服务器
微信开发
ECSHOP
style
正则
PhpStorm
轮播插件
sublime text
工具
layui.js
Python
操作系统
PhotoShop
jquery
TP5
ThinkPHP
AJAX
PHP
API
office
微信小程序
织梦cms
浏览排行
1 Facebook账号注册流程,手把手教你注册脸书账号
2 phpstorm 2019.2.1最新版激活码及破解教程更新至2021
3 oppo a57手机miui_V8.5.4.0刷机包下载及刷机教程
4 抖音发布视频作品定位设置成其他位置方法
5 npm ERR! missing script: serve 报错解决方法
6 解决Photoshop 打开报错找不到 VCRUNTIME140_1.dll问题
7 解决Vue报错Module not found: Error: Can't resolve 'less-loader' in 'C:\Users\Hm\Desktop\vue\vue_shop'问题
8 解决微信公众号分享给好友，朋友圈报错errMsg: "onMenuShareAppMessage:fail, the permission value is offline verifying"
9 解决win10分屏设置主显示器后图标不在主显示器问题
10 解决Linux 宝塔装完了提示“请先安装Web服务器！”
11 解决Centos7执行安装命令显示您需要 root 权限执行此命令
12 xftp 6破解版下载
最近热文
打赏本站
如果你觉得本站很棒，可以通过扫码支付打赏哦！
微信扫码：你说多少就多少~
支付宝扫码：你说多少就多少~
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）