淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 344|回复: 20
收起左侧

[其它] 网页

[复制链接]
回帖奖励 1050 美工币 回复本帖可获得 30 美工币奖励! 每人限 1 次(中奖概率 90%)
  • TA的每日心情
    吐舌头
    2016-4-26 15:54
  • 签到天数: 69 天

    连续签到: 1 天

    [LV.6]渐入佳境

    27

    主题

    359

    帖子

    5483

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5483

    发表于 2016-11-28 19:52:54 | 显示全部楼层 |阅读模式
    本帖最后由 过桥米粉 于 2016-11-28 19:55 编辑

    请教一下大神如何让网页(小弟只会简单的HTML)在手机屏幕上显示全屏 自动缩放适应各种大小屏幕,但是,在电脑屏幕上固定 宽为950像素。
    小弟目前只会用表格 % 百分比让图片自动缩放 显示全屏,在手机上看,网页是全屏的;在电脑上看 网页宽度铺满全屏 就很难看。
    我想在手机上看,网页会自动缩放显示全屏,在电脑上显示950px宽度,不知道有没有办法实现?
    希望有大侠赐教!
    我相信这是一个互相帮助的平台,去年的时候我还是交了10元的费用才加进来的,在这里学到了很多东西。因为换工作原因很久没来逛了,
    希望论坛和以往一样  多大侠,少喷子。 。。
    下面是我做的网页URL,帮帮我看一下。
    http://pit4you.com/1121/161121.html
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>The Pit 清貨區</title>
    6. </head>

    7. <body>
    8. <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
    9.   <tr>
    10.     <td><a  target="_blank"><img src="http://pit4you.com/1109/pic/161109_0.jpg" width="100%" /></a></td>
    11.   </tr>
    12. </table>
    13. <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
    14.   <tr>
    15.     <td colspan="2"><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_01.jpg" width="100%" /></a></td>
    16.   </tr>
    17.   <tr>
    18.     <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    19.       <tr>
    20.         <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_02.jpg" width="100%" /></a></td>
    21.       </tr>
    22.       <tr>
    23.         <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_03.jpg" width="100%" /></a></td>
    24.       </tr>
    25.     </table>      <a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_04.jpg" width="100%" /></a></td>
    26.   </tr>
    27.   <tr>
    28.     <td colspan="2"><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_05.jpg" width="100%" /></a></td>
    29.   </tr>
    30.   <tr>
    31.     <td colspan="2"><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_06.jpg" width="100%" /></a></td>
    32.   </tr>
    33.   <tr>
    34.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_07.jpg" width="100%" /></a></td>
    35.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_08.jpg" width="100%" /></a></td>
    36.   </tr>
    37.   <tr>
    38.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_09.jpg" width="100%" /></a></td>
    39.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_10.jpg" width="100%" /></a></td>
    40.   </tr>
    41.   <tr>
    42.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_11.jpg" width="100%" /></a></td>
    43.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_12.jpg" width="100%" /></a></td>
    44.   </tr>
    45.   <tr>
    46.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_13.jpg" width="100%" /></a></td>
    47.     <td><a  target="_blank"><img src="http://pit4you.com/1121/pic/161121_14.jpg" width="100%" /></a></td>
    48.   </tr>
    49.   <tr>
    50.     <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    51.         <tr>
    52.           <td><a  target="_blank"><img src="http://pit4you.com/1109/pic/161109_18.jpg" width="100%" /></a>
    53.             <table width="100%" border="0" cellpadding="0" cellspacing="0">
    54.               <tr>
    55.                 <td><img src="http://pit4you.com/1109/pic/161109_19.jpg" width="100%" /></td>
    56.               </tr>
    57.           </table></td>
    58.         </tr>
    59.     </table></td>
    60.   </tr>
    61. </table>
    62. </body>
    63. </html>

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    3 天前
  • 签到天数: 719 天

    连续签到: 2 天

    [LV.9]已臻大成

    32

    主题

    742

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    135228

    最佳新人热心会员

    QQ
    发表于 2016-11-29 08:19:02 | 显示全部楼层

    回帖奖励 +30 美工币

    用全屏代码把你的表格包起来。
    1. <!--全屏代码-->

    2. <div style="height:1173px;">
    3.   <div class="sn-simple-logo footer-more-trigger" style="left:50%;width:990px;height:1173px;top:auto;padding:0;border:none;">
    4.     <div class="sn-simple-logo footer-more-trigger" style="left:-960px;top:0px;width:1920px;height:1173px;border:none;padding:0;">
    5.       <!-- 这里放你自定义内容 -->
    6.     </div>
    7.   </div>
    8. </div>
    复制代码
    这个C店 天猫店都通用的。里面的width ,height 宽高自己改,left:-960px,就是你要做的宽度的一半

    点评

    看了楼主的网站,是自建网站,亲的淘宝全屏代码,有用吗?  发表于 2016-11-29 09:23
    http://eyunsj.taobao.com/个人接单淘宝主页
  • TA的每日心情
    大哭
    昨天 10:06
  • 签到天数: 208 天

    连续签到: 2 天

    [LV.7]炉火纯青

    2

    主题

    579

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    47191

    发表于 2016-11-29 08:52:03 | 显示全部楼层

    回帖奖励 +30 美工币

    1楼说的很对!
    人生有两种境界,痛而不言,笑而不语。欢迎加入美工群一起交流学习。179222786ฏ๎๎๎๎๎๎๎๎๎๎้้้้้้้้้้๎๎๎๎๎๎๎๎๎๎้้้้้้้
  • TA的每日心情

    昨天 11:33
  • 签到天数: 261 天

    连续签到: 2 天

    [LV.8]自成一派

    46

    主题

    1195

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55090

    淘宝钻级店美工最佳新人热心会员

    发表于 2016-11-29 09:17:48 | 显示全部楼层

    回帖奖励 +30 美工币

    怒赞一楼!

    简单点 装B的方式简单点     递进的情绪请省略
    你又不是个演员     别设计那些情节
  • TA的每日心情
    加油
    前天 09:53
  • 签到天数: 276 天

    连续签到: 3 天

    [LV.8]自成一派

    64

    主题

    777

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    49970

    天猫美工最佳新人热心会员

    QQ
    发表于 2016-11-29 09:26:24 | 显示全部楼层
    你是台湾的么

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-4-26 15:54
  • 签到天数: 69 天

    连续签到: 1 天

    [LV.6]渐入佳境

    27

    主题

    359

    帖子

    5483

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5483

     楼主| 发表于 2016-11-29 09:38:00 来自手机 | 显示全部楼层
    凌空孤云 发表于 2016-11-29 08:19
    用全屏代码把你的表格包起来。 这个C店 天猫店都通用的。里面的width ,height 宽高自己改,left:-960px,就 ...

    谢谢,我去试一下

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-4-26 15:54
  • 签到天数: 69 天

    连续签到: 1 天

    [LV.6]渐入佳境

    27

    主题

    359

    帖子

    5483

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5483

     楼主| 发表于 2016-11-29 09:40:05 来自手机 | 显示全部楼层
    SKI 发表于 2016-11-29 09:26
    你是台湾的么

    我不是,我们老板是台湾的。我们做独立网站,卖台湾的。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    昨天 09:51
  • 签到天数: 439 天

    连续签到: 2 天

    [LV.9]已臻大成

    7

    主题

    1229

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    68343

    最佳新人热心会员

    QQ
    发表于 2016-11-29 10:00:48 | 显示全部楼层

    回帖奖励 +30 美工币

    1楼很对           

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    无奈
    前天 13:52
  • 签到天数: 59 天

    连续签到: 2 天

    [LV.5]略有小成

    0

    主题

    46

    帖子

    9906

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9906

    发表于 2016-11-29 10:17:17 | 显示全部楼层

    回帖奖励 +30 美工币


    怒赞一楼!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-7 05:59 , Processed in 0.128220 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表