社区
JavaScript
帖子详情
如何使网页在不同的电脑上显示而不变形,望赐教。
flyan
2003-06-01 08:45:43
我的网页http://lihuatang1211.wx-e.com/是在寸的显示器上做的,
最好是用的1024*768的象素,
可一旦到了14寸的显示器上就变形的,
你们打开网页看一下就知道了,
还望大家不要吝啬,
赐教赐教。
在此先谢过了。
...全文
93
2
打赏
收藏
如何使网页在不同的电脑上显示而不变形,望赐教。
我的网页http://lihuatang1211.wx-e.com/是在寸的显示器上做的, 最好是用的1024*768的象素, 可一旦到了14寸的显示器上就变形的, 你们打开网页看一下就知道了, 还望大家不要吝啬, 赐教赐教。 在此先谢过了。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
sailor001
2003-06-01
打赏
举报
回复
一般是宽度为780
不然把表格设为100%
心云意水
2003-06-01
打赏
举报
回复
首先,决定你的网页在什么分辨率下浏览。现在多数还是考虑800*600。那么就不能做得太宽,否则会有滚动条。
其次,少用绝对定位的元素,他会搞乱你的页面。
最后,所有文字性内容都要用css定义
如何避免自己的HTML
网页
在别人
电脑
上
变形
如何避免自己的
网页
在别人
电脑
上
变形
html
网页
不随缩放而
变形
,html不随放大缩小而
变形
——initial-scale
写在前面:很惭愧我都在做jq了,关于手机端页面
变形
,直到今天早上才知道问题出在哪里?之前写了好多css页面用谷歌的F12查看手机端的页面,效果如下面的图,然后我一直以为我
电脑
的谷歌F12出问题了,直到今天在启宸师兄的帮助下才明白。下面进入正文:一直以为是谷歌F12出问题了,查了好多相关的资料还是没查到,然后今天回过头来修改之前页面的问题,然后看到head头部,就觉得可能是initial-scale...
跨屏之痛,一招终结!手机
网页
电脑
显示
不全的终极解码
手机
网页
在
电脑
上
显示
不全,看似是一个小麻烦,实则折射出响应式设计的重要性。作为普通用户,你现在掌握了临时修复的几把刷子,尤其是“响应式设计模式”,可以让你在任何
电脑
上轻松查看手机页面。作为开发者,你更拥有了从根源上解决问题的钥匙——视口设置、媒体查询、相对单位,以及开发者调试工具。下一次遇到
网页
错位,别再抓耳挠腮,打开开发者工具,或者调整一下缩放比例,问题就能迎刃而解。如果你想让自己的网站成为“全平台通吃”的典范,那就赶紧拥抱响应式设计吧!
手机打开
显示
电脑
网站,不出现
变形
!
<meta name="viewport" content="width=1423, initial-scale=0.1">width:
电脑
最大宽度initial-scale:为0.1可缩放
显示
全屏,不出现滚动条initial-scale:为1,可缩放
显示
部分,出现滚动条...
如何使页面在缩放的过程中不
变形
(响应式布局)如何使页面在缩放的过程中不
变形
今天在改造一个前端页面时,发现页面视图在pc端
显示
的好好的,一旦缩小页面或者打开开发者工具,进入移动端视图时,页面就会发生严重的
变形
。 导致观看效果特别不好,一开始我以为是我编写的代码有问题。 后来查阅资料才知道,要想使页面在缩放的过程中不
变形
。 可以使用响应式布局的方式。 什么是响应式布局? 响应式布局(Responsive design),意在实现
不同
屏幕分辨率的终端上浏览
网页
的
不同
展示方式。通过响应式设计能使网站在手机和平板
电脑
上有更好的浏览阅读体验。 响
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章