如何把psd设计图的宽度和高度计算出成网页的宽高PX

问题描述

如何把psd设计图的宽度和高度计算出成网页的宽高PX

怎么样把psd设计图还原成html页面。但是psd设计图宽高和html宽高不一样?如何把psd设计图的宽度和高度计算出成网页的宽高PX

解决方案

通常图片大小是一样的,问题是插到表格里之后的格式,还有表格的样式..........
在html里面插入图片时设置图片的大小:

另外可以在CSS层样式表里定义,然后调用.

解决方案二:

img align="absmiddle" src="https://img.alicdn.com/imgextra/90609985.jpg" width="720" height="480"

解决方案三:

img align="absmiddle" src="https://img.alicdn.com/imgextra/90609985.jpg" width="720" height="480"

解决方案四:

我问的是把psd设计做成html页面 .就是宽高不知道如何计算出html页面的宽高。难怪是凭感觉来做的吗?

时间: 2025-01-20 13:39:31

如何把psd设计图的宽度和高度计算出成网页的宽高PX的相关文章

js和jquery如何获取图片真实的宽度和高度_javascript技巧

1.什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 1 复制代码 代码如下: .news img{margin:5px auto; display:block;width:100%; height:auto;} 但是这种方式有另外

如何通过js和jquery获取图片真实的宽度和高度

原文:如何通过js和jquery获取图片真实的宽度和高度 1.什么时候需要获取图片真实的宽度和高度       在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 .news img{margin:5px auto; display:block;width:1

js和jquery获取图片真实的宽度和高度

1.什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 1 .news img{margin:5px auto; display:block;width:100%; height:auto;} 但是这种方式有另外一个问题就

jquery实现动态改变div宽度和高度

  这篇文章主要介绍了jquery实现动态改变div宽度和高度,效果非常不错,而且兼容性也很好,有需要的小伙伴可以参考下. 完整代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

jQuery设置指定网页元素宽度和高度的方法

 这篇文章主要介绍了jQuery设置指定网页元素宽度和高度的方法,涉及jQuery操作width及height方法的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery设置指定网页元素宽度和高度的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html> <head> <script src=&

HTML表格宽度和高度属性WIDTH

  网页制作Webjx文章简介:默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度. 默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度. 基本语法 <TABLEWIDTH=VALUEHEIGHT=VALUE> 语法解释 通过WIDTH属性定义表格的宽度,HEIGHT属性定义表格的高度,单位是像素或百分比.如果是百分比,则可分为两种情况:如果不是嵌套表格,那么百分比是相对于浏览器窗口而言:如果是嵌套表格,则百分比相对的是嵌套表格所在的

HTML表格表头的宽度和高度属性

  默认情况下,表头的宽度高度根据内容自动调整,我们也可以手动设置表头的宽度和高度. 基本语法 <THWIDTH=valueHEIGHT=value> 语法解释 通过属性定义表头的宽度,属性定义表头的高度,单位为像素或百分比. 文件范例:10-39.htm 设定表头的宽度和高度. 01<!----------------------------------> 02<!--文件范例:10-39.htm--> 03<!--文件说明:设定表头的宽度和高度--> 0

HTML表格宽度和高度属性WIDTH、HEIGHT

默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度. 基本语法     <TABLE WIDTH=VALUE HEIGHT=VALUE> 语法解释 通过WIDTH属性定义表格的宽度,HEIGHT属性定义表格的高度,单位是像素或百分比.如果是百分比,则可分为两种情况:如果不是嵌套表格,那么百分比是相对于浏览器窗口而言:如果是嵌套表格,则百分比相对的是嵌套表格所在的单元格宽度. 文件范例:10-3.htm 设定表格的宽度和高度. 01  <!-- -------

JS和jquery获取各种屏幕的宽度和高度

Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高