怎么做出手机平板横竖排效果，然后点击图标显示相应的网页效果呢？

http://sc.chinaz.com/mobandemo.aspx?downloadid=29201630412909
类似上面的在线预览效果，点击手机图标显示手机的网页，平板显示平板的网页，代码该怎么做，求各位大神帮帮忙！！

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
经海路大白狗前端领域优质创作者 2023-02-21 22:26
关注
试一下h5的多媒体查询

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

Appium如何将手机显示内容横竖屏切换 python selenium
2021-08-24 12:22

回答 1 已采纳 Python appium不支持旋转屏幕操作，如果有旋转按钮就模拟点击旋转按钮
用css制作细线表格时，表格中横竖各有一根线条很粗怎么办？ css html 前端有问必答
2022-02-04 22:23

回答 4 已采纳感觉不是代码问题，是浏览器的问题。题主这一点感觉应该没错，可能是浏览器显示的原因。可以换一个浏览器显示看看。以上仅供参考，如有任何疑问，可以评论回复，看到即回。希望对题主有所帮助！可以的话，点个采
这个怎么变成横竖的呢，不会写 java
2023-04-17 13:54

回答 2 已采纳 public class Test { public static void main(String[] args) { int[][] data = {
web学习-前端进阶
2022-04-30 16:48

GY-93的博客 web学习-前端进阶(html5+css3+移动端项目布局)
Android录制视频时切换横屏后为什么还是竖屏效果？
2016-08-18 04:09

回答 1 已采纳已自解，录制时Carmer默认横屏录制，代码中有setDisplayOrientation去调整角度，切换横屏后setDisplayOrientation又重新走了一遍就从横屏变竖屏了。判断当前横
请问vue开发中element-ui的table表格怎么设置背景颜色成透明，并且删除自带的分割线啊？ elementui vue.js 前端
2022-02-24 12:08

回答 4 已采纳 <el-table :data="scope.row.distributionList" max-height="500px"
使用JS输出表格时没有表格横竖线框 chrome javascript
2022-07-28 12:46

回答 2 已采纳给 table,tr,td,th加样式 border table,tr,th,td{ border: 1px solid black; }
前端点滴（CSS）（二）
2019-12-31 00:08

全干丶的博客前端点滴（CSS）（二）---倾尽所有CSS尺寸CSS布局（重点）PC端布局思想与实现单列布局两栏布局三栏布局移动端的布局思想与实现一、静态布局（Static Layout）二、流式布局（Liquid Layout）三、rem布局四、flex...
javafx 图表导出图片横竖坐标都消失了 java 有问必答
2021-06-27 11:40

回答 2 已采纳代码太少，看不出啥来，加我好友，
三子棋判断输赢问题，该如何解决？ c语言学习方法改行学IT
2023-01-23 13:44

回答 2 已采纳修改下 TicTTWin函数，应该把IsFull和棋盘没满移出来，不然的话，假设我是下的最后一个竖行，第一次循环其实就走到棋盘没满那边去了，就无法走到赢了的条件里面，独立出去后，两层for就可以把所有
如何找按钮数组在布局中的横竖坐标位置？ android
2013-04-03 02:02

回答 1 已采纳你可以使用`Button.setTag()`并保存 `j` 和 `x`的值 class ButtonPosition { int x,y;
android安卓源码海量项目合集打包-1
2019-06-11 16:16

小黄人软件的博客 │ │ 该Demo主要实现了读取手机中的联系人，并且以字母索引表的形式显示，类似于微信中的手机通讯一样的字母索引表.rar │ │ 通讯录按首字母排列，关键字查找.rar │ │ 鱼眼索引控件详解之二 —— 快速索引雏形...
大佬，我有一组json 不会取值，前端表格问题，求思路 ajax bootstrap html5 javascript json
2019-05-24 08:52

回答 5 已采纳这里应该是两层for循环吧,先取list[i],再从list里面读menu[j] ``` var html=''; alert(list); if(list!=null){ for(v
uniapp 横屏开发页面配置
2022-09-04 14:43

pgzero的博客一、pages.json配置页面大小根据开发的横屏项目的横屏设计图分辨率...在编译器中，点击工具，配置px转rpx/upx比例，需要用当前的设计稿大小，单位是px，出除以750，得到的就是转化的比例。在设置保留几位小数就好了
OpenHarmony一次开发，多端部署
2021-12-06 08:00

坚果的博客的博客作者：坚果团队：坚果派公众号：“大前端之旅” 润开鸿技术专家，华为HDE，InfoQ签约作者，OpenHarmony布道师，擅长HarmonyOS应用开发、熟悉服务卡片开发，在“战码先锋”活动中作为大队长，累计培养三个小队长，...
2022web前端全栈完整整理——（二）csscss3篇
2022-05-13 23:20

Bejpse的博客媒体查询@media： /* mediatype常用值：all(所有设备),print（打印机和打印预览）,screen(电脑，平板，智能手机等) mediafeature常用值：max-width/min-width/max-height/min-height */ 15. css九宫格：N宫格相同...
2022web前端全栈完整整理——（二）css/css3篇
2022-05-06 21:57

Ace.三阶斗尊的博客媒体查询@media： /* mediatype常用值：all(所有设备),print（打印机和打印预览）,screen(电脑，平板，智能手机等) mediafeature常用值：max-width/min-width/max-height/min-height */ 15. css九宫格：N宫格相同...
HTMLCSS笔记
2024-03-01 15:44

朋not鹏的博客媒体查询 144_横竖屏检测 28_rem布局 146_em与rem 147_rem布局准备工作 149_vh和vw 150_单位转换 29_渐变 151_线性渐变 152_径向渐变 153_重复渐变 30_过渡 155_动画过渡属性 156_动画过渡类型 157_动画过渡单一属性...
没有解决我的问题, 去提问

悬赏问题

¥35 平滑拟合曲线该如何生成
¥100 c语言，请帮蒟蒻写一个题的范例作参考
¥15 名为“Product”的列已属于此 DataTable
¥15 安卓adb backup备份应用数据失败
¥15 eclipse运行项目时遇到的问题
¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
¥50 成都蓉城足球俱乐部小程序抢票
¥15 yolov7训练自己的数据集