技術(shù)資訊
圖片寬度自適應(yīng) 如何通過css控制
2013-12-30 12:09:23
圖片寬度自適應(yīng)，就是青島網(wǎng)站建設(shè)的圖片高度設(shè)定好最大值，不超過這個高度，而寬度是自適應(yīng)的，下面方法是通過css控制這種效果，這種方法能夠讓通過后臺上傳的產(chǎn)品圖或者新聞圖，不至于太大而撐破頁面布局，特別實用，代碼如下：
.abc{max-width:180px; width: expression(this.width > 180 && this.width > this.height ? 180px : 'auto';);}
效果截圖：
當然，舉一反三，圖片高度自使用：
.abc{max-height:180px; height: expression(this.height > 180 && this.height > this.width ? 180px : 'auto';);}
也是一樣的，將width和height對調(diào)即可。通過css統(tǒng)一控制，后期維護也比較方便。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2011-11-11 12:22:51] 修改文章正文 影響收錄
- [2011-11-14 09:24:58] 如何做好網(wǎng)站內(nèi)鏈優(yōu)化 讓網(wǎng)站權(quán)重飛起來
- [2012-02-20 21:40:11] 網(wǎng)頁切圖應(yīng)該注意的細節(jié)
- [2013-03-02 23:07:00] 黑色網(wǎng)頁設(shè)計
- [2011-11-10 18:44:54] 什么是uv,什么是PR值,什么是pv
- [2012-02-20 22:18:03] dede:sql標簽如何實現(xiàn)翻頁
- [2012-02-09 23:48:14] 如何讓百度快速的收錄網(wǎng)站
- [2012-05-04 23:43:59] DEDE數(shù)據(jù)庫批量替換
- [2011-10-29 21:32:03] Yahoo！英文雅虎站長工具聯(lián)姻微軟bing
- [2012-06-29 08:33:58] 如何制作banner廣告
- [2014-09-28 10:39:40] 了解和運用網(wǎng)頁設(shè)計中的GRUNGE
- [2016-09-02 10:43:00] 織夢DEDE從后臺登陸出現(xiàn)空白頁面空白
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
膠南網(wǎng)站建設(shè)公司 外貿(mào)網(wǎng)站設(shè)計 青島輪胎網(wǎng)站設(shè)計公司 建站常識 青島IT資訊 交互設(shè)計 微信小程序 空白和簡潔的設(shè)計 青島開發(fā)區(qū)建站公司 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計趨勢 網(wǎng)站優(yōu)化 網(wǎng)站設(shè)計資訊 青島高端網(wǎng)站建設(shè) H5專題頁面 青島網(wǎng)站營銷 網(wǎng)站SEO 響應(yīng)式設(shè)計 企業(yè)網(wǎng)站 微網(wǎng)站 審美 新的元素 H5 高端網(wǎng)站設(shè)計 插畫 青島網(wǎng)站案例 青島網(wǎng)站建設(shè)公司哪家好 robots 營銷策略 網(wǎng)頁設(shè)計
