safari自适应网页宽度,苹果手机网页右移不了

safari自适应网页宽度,苹果手机网页右移不了

第一个遇到的就是网页大小自适应的问题。目前比较常用的方法有：•首先要让页面大小铺满屏幕又不能溢出。只需要在html标签内加入viewport(如下),参数分别表示：页面宽度= 屏幕宽度，到百度搜索后发现，safari 中viewport 默认宽度为980px,若事先未指定其初始viewport 宽度，则会默认按照980px 处理。可以默认初始化viewport 宽度或在css

打开网页就是自适应网页宽度的啊，如果你是说你想阅读里面的一部分文字比如现在的3行栏你想越多最左边的只需要双击下就会缩放到相应部分了你在设置里面的Safari选项里面看看，没有的话就默认是这样，就无法改变的查看全文点赞评论ding63731052 嗯你知道的，苹果说的，不能降低用户体验查看全文点赞评论d542993511 ip的safa

但移动端测试后问题就出现了，移动端safari在html加载完毕之前将JS以迅雷不及掩耳盗铃之势执行了，在页面没有按照viewport设置好宽度前，JS就读取了错误的宽度，第一行：width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例maximum-scale=2.0:表示最大的缩放比

图上页面宽度固定是980px,而我选的移动端设备宽度明明是375px,而且不论选择其他哪种分辨率结果都一样，甚至我还换了不同浏览器做测试，结果自然都一样，因为根本不是浏览器的问题。通下面介绍具体方法。工具/原料iPhone13 pro iOS15 方法/步骤1 打开苹果手机设置，找到safari浏览器，点击进入。2 在网页设置中点击进入页面缩放。3 在页面中可自定义缩放大小，也可

∩ω∩ 如果只是宽度自适应，更推荐响应式设计。响应式和弹性布局之间的对比：响应式布局：改变浏览器宽度，“布局”会随之变化，不是一成不变的，例如导航栏在大屏幕下是横排，在小屏幕宽度自适应：网页元素根据窗口或子元素自动调整宽度适用百分比进行设置，例如：100% 铺满；50% 占据一般宽度块元素如果不设置宽度，默认为100% 自适应中可以设置最大或者最小宽度和高度